← All changes | classes/Visualizer/Gutenberg/src/Components/Sidebar/HorizontalAxisSettings.js +10 -24 3.10.11 → 3.4.2 View file →

		@@ -17,10 +17,8 @@
17	17	SelectControl,
18	18	TextControl
19	19	} = wp.components;
20	20
21		-import { getColorCode } from '../../utils.js';
22		-
23	21	class HorizontalAxisSettings extends Component {
24	22	constructor() {
25	23	super( ...arguments );
26	24	}
		@@ -86,11 +84,11 @@
86	84	<BaseControl
87	85	label={ __( 'Base Line Color' ) }
88	86	>
89	87	<ColorPalette
90		- value={ settings.vAxis.baselineColor }
	88	+ value={ settings.hAxis.baselineColor }
91	89	onChange={ e => {
92		- settings.vAxis.baselineColor = getColorCode( e );
	90	+ settings.hAxis.baselineColor = e;
93	91	this.props.edit( settings );
94	92	} }
95	93	/>
96	94	</BaseControl>
		@@ -101,9 +99,9 @@
101	99	<ColorPalette
102	100	value={ settings.hAxis.textStyle.color || settings.hAxis.textStyle }
103	101	onChange={ e => {
104	102	settings.hAxis.textStyle = {};
105		- settings.hAxis.textStyle.color = getColorCode( e );
	103	+ settings.hAxis.textStyle.color = e;
106	104	this.props.edit( settings );
107	105	} }
108	106	/>
109	107	</BaseControl>
		@@ -129,9 +127,9 @@
129	127	</p>
130	128
131	129	<p>
132	130	{ __( 'For date axis labels, this is a subset of the date formatting ' ) }
133		- <ExternalLink href="https://unicode-org.github.io/icu/userguide/format_parse/datetime/#datetime-format-syntax">
	131	+ <ExternalLink href="http://userguide.icu-project.org/formatparse/datetime#TOC-Date-Time-Format-Syntax">
134	132	{ __( 'ICU date and time format.' ) }
135	133	</ExternalLink>
136	134	</p>
137	135	</Fragment>
		@@ -150,9 +148,9 @@
150	148	>
151	149
152	150	<TextControl
153	151	label={ __( 'Count' ) }
154		- help={ __( 'The approximate number of horizontal gridlines inside the chart area. You can specify a value of -1 to automatically compute the number of gridlines, 0 or 1 to draw no gridlines, or 2 or more to only draw gridline. Any number greater than 2 will be used to compute the minSpacing between gridlines.' ) }
	152	+ help={ __( 'The number of horizontal gridlines inside the chart area. Minimum value is 2. Specify -1 to automatically compute the number of gridlines.' ) }
155	153	value={ settings.hAxis.gridlines ? settings.hAxis.gridlines.count : '' }
156	154	onChange={ e => {
157	155	if ( ! settings.hAxis.gridlines ) {
158	156	settings.hAxis.gridlines = {};
		@@ -188,14 +186,11 @@
188	186	>
189	187
190	188	<TextControl
191	189	label={ __( 'Count' ) }
192		- help={ __( 'Specify 0 to disable the minor gridlines.' ) }
193		- value={ settings.hAxis.minorGridlines ? settings.hAxis.minorGridlines.count : '' }
	190	+ help={ __( 'The number of horizontal minor gridlines between two regular gridlines.' ) }
	191	+ value={ settings.hAxis.minorGridlines.count }
194	192	onChange={ e => {
195		- if ( ! settings.hAxis.minorGridlines ) {
196		- settings.hAxis.minorGridlines = {};
197		- }
198	193	settings.hAxis.minorGridlines.count = e;
199	194	this.props.edit( settings );
200	195	} }
201	196	/>
		@@ -203,13 +198,10 @@
203	198	<BaseControl
204	199	label={ __( 'Color' ) }
205	200	>
206	201	<ColorPalette
207		- value={ settings.hAxis.minorGridlines ? settings.hAxis.minorGridlines.color : '' }
	202	+ value={ settings.hAxis.minorGridlines.color }
208	203	onChange={ e => {
209		- if ( ! settings.hAxis.minorGridlines ) {
210		- settings.hAxis.minorGridlines = {};
211		- }
212	204	settings.hAxis.minorGridlines.color = e;
213	205	this.props.edit( settings );
214	206	} }
215	207	/>
		@@ -225,13 +217,10 @@
225	217
226	218	<TextControl
227	219	label={ __( 'Maximun Value' ) }
228	220	help={ __( 'The maximum vertical data value to render.' ) }
229		- value={ settings.hAxis.viewWindow ? settings.hAxis.viewWindow.max : '' }
	221	+ value={ settings.hAxis.viewWindow.max }
230	222	onChange={ e => {
231		- if ( ! settings.hAxis.viewWindow ) {
232		- settings.hAxis.viewWindow = {};
233		- }
234	223	settings.hAxis.viewWindow.max = e;
235	224	this.props.edit( settings );
236	225	} }
237	226	/>
		@@ -238,13 +227,10 @@
238	227
239	228	<TextControl
240	229	label={ __( 'Minimum Value' ) }
241	230	help={ __( 'The minimum vertical data value to render.' ) }
242		- value={ settings.hAxis.viewWindow ? settings.hAxis.viewWindow.min : '' }
	231	+ value={ settings.hAxis.viewWindow.min }
243	232	onChange={ e => {
244		- if ( ! settings.hAxis.viewWindow ) {
245		- settings.hAxis.viewWindow = {};
246		- }
247	233	settings.hAxis.viewWindow.min = e;
248	234	this.props.edit( settings );
249	235	} }
250	236	/>