← All changes | classes/Visualizer/Gutenberg/src/Components/Sidebar/HorizontalAxisSettings.js +29 -9 3.1.1 → 3.7.7 View file →

		@@ -7,9 +7,9 @@
7	7	Component,
8	8	Fragment
9	9	} = wp.element;
10	10
11		-const { ColorPalette } = wp.editor;
	11	+const { ColorPalette } = wp.blockEditor || wp.editor;
12	12
13	13	const {
14	14	BaseControl,
15	15	ExternalLink,
		@@ -148,11 +148,15 @@
148	148	>
149	149
150	150	<TextControl
151	151	label={ __( 'Count' ) }
152		- help={ __( 'The number of horizontal gridlines inside the chart area. Minimum value is 2. Specify -1 to automatically compute the number of gridlines.' ) }
153		- value={ settings.hAxis.gridlines.count }
	152	+ 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.' ) }
	153	+ value={ settings.hAxis.gridlines ? settings.hAxis.gridlines.count : '' }
154	154	onChange={ e => {
	155	+ if ( ! settings.hAxis.gridlines ) {
	156	+ settings.hAxis.gridlines = {};
	157	+ }
	158	+
155	159	settings.hAxis.gridlines.count = e;
156	160	this.props.edit( settings );
157	161	} }
158	162	/>
		@@ -160,10 +164,14 @@
160	164	<BaseControl
161	165	label={ __( 'Color' ) }
162	166	>
163	167	<ColorPalette
164		- value={ settings.hAxis.gridlines.color }
	168	+ value={ settings.hAxis.gridlines ? settings.hAxis.gridlines.color : '' }
165	169	onChange={ e => {
	170	+ if ( ! settings.hAxis.gridlines ) {
	171	+ settings.hAxis.gridlines = {};
	172	+ }
	173	+
166	174	settings.hAxis.gridlines.color = e;
167	175	this.props.edit( settings );
168	176	} }
169	177	/>
		@@ -178,11 +186,14 @@
178	186	>
179	187
180	188	<TextControl
181	189	label={ __( 'Count' ) }
182		- help={ __( 'The number of horizontal minor gridlines between two regular gridlines.' ) }
183		- value={ settings.hAxis.minorGridlines.count }
	190	+ help={ __( 'Specify 0 to disable the minor gridlines.' ) }
	191	+ value={ settings.hAxis.minorGridlines ? settings.hAxis.minorGridlines.count : '' }
184	192	onChange={ e => {
	193	+ if ( ! settings.hAxis.minorGridlines ) {
	194	+ settings.hAxis.minorGridlines = {};
	195	+ }
185	196	settings.hAxis.minorGridlines.count = e;
186	197	this.props.edit( settings );
187	198	} }
188	199	/>
		@@ -190,10 +201,13 @@
190	201	<BaseControl
191	202	label={ __( 'Color' ) }
192	203	>
193	204	<ColorPalette
194		- value={ settings.hAxis.minorGridlines.color }
	205	+ value={ settings.hAxis.minorGridlines ? settings.hAxis.minorGridlines.color : '' }
195	206	onChange={ e => {
	207	+ if ( ! settings.hAxis.minorGridlines ) {
	208	+ settings.hAxis.minorGridlines = {};
	209	+ }
196	210	settings.hAxis.minorGridlines.color = e;
197	211	this.props.edit( settings );
198	212	} }
199	213	/>
		@@ -209,10 +223,13 @@
209	223
210	224	<TextControl
211	225	label={ __( 'Maximun Value' ) }
212	226	help={ __( 'The maximum vertical data value to render.' ) }
213		- value={ settings.hAxis.viewWindow.max }
	227	+ value={ settings.hAxis.viewWindow ? settings.hAxis.viewWindow.max : '' }
214	228	onChange={ e => {
	229	+ if ( ! settings.hAxis.viewWindow ) {
	230	+ settings.hAxis.viewWindow = {};
	231	+ }
215	232	settings.hAxis.viewWindow.max = e;
216	233	this.props.edit( settings );
217	234	} }
218	235	/>
		@@ -219,10 +236,13 @@
219	236
220	237	<TextControl
221	238	label={ __( 'Minimum Value' ) }
222	239	help={ __( 'The minimum vertical data value to render.' ) }
223		- value={ settings.hAxis.viewWindow.min }
	240	+ value={ settings.hAxis.viewWindow ? settings.hAxis.viewWindow.min : '' }
224	241	onChange={ e => {
	242	+ if ( ! settings.hAxis.viewWindow ) {
	243	+ settings.hAxis.viewWindow = {};
	244	+ }
225	245	settings.hAxis.viewWindow.min = e;
226	246	this.props.edit( settings );
227	247	} }
228	248	/>