Fix showGridLines type

- convert to new API
elastic · Oct 10, 2023 · 5364a3e · 5364a3e
1 parent be42a9b
commit 5364a3e
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 17 deletions.
diff --git a/...rc/views/elastic_charts/category_chart.js → ...c/views/elastic_charts/category_chart.tsx b/...rc/views/elastic_charts/category_chart.js → ...c/views/elastic_charts/category_chart.tsx
@@ -169,7 +169,7 @@ const customTheme = {
   <Axis
     id="bottom-axis"
     position={${rotated ? '"left"' : '"bottom"'}}
-    showGridLines={false}
+    gridLine={{ visible: false }}
   />
   <Axis
     id="left-axis"
@@ -221,7 +221,7 @@ ${removeEmptyLines(chartConfigurationToCopy)}`
         <Axis
           id="bottom-axis"
           position={rotated ? 'left' : 'bottom'}
-          showGridLines={false}
+          gridLine={{ visible: false }}
         />
         <Axis
           id="left-axis"

diff --git a/...docs/src/views/elastic_charts/pie_alts.js → ...ocs/src/views/elastic_charts/pie_alts.tsx b/...docs/src/views/elastic_charts/pie_alts.js → ...ocs/src/views/elastic_charts/pie_alts.tsx
@@ -152,7 +152,7 @@ export default () => {
               id="left-axis"
               position={rotated ? 'bottom' : 'left'}
               tickFormat={tickFormat}
-              showGridLines
+              gridLine={{ visible: true }}
             />
           </Chart>
         </>
@@ -190,7 +190,7 @@ export default () => {
               id="left-axis"
               position={rotated ? 'bottom' : 'left'}
               tickFormat={tickFormat}
-              showGridLines
+              gridLine={{ visible: true }}
             />
           </Chart>
         </>
@@ -299,7 +299,7 @@ export default () => {
   />
   <Axis
     id="left-axis"
-    showGridLines
+    gridLine={{ visible: true }}
     position={${rotated ? "'bottom'" : "'left'"}}
     ${
       formatted

diff --git a/src-docs/src/views/elastic_charts/sizes.js → src-docs/src/views/elastic_charts/sizes.tsx b/src-docs/src/views/elastic_charts/sizes.js → src-docs/src/views/elastic_charts/sizes.tsx
@@ -239,7 +239,7 @@ class Sizes extends Component {
                 tickFormat={xAxisFormatter}
                 id="bottom-axis"
                 position="bottom"
-                showGridLines={false}
+                gridLine={{ visible: false }}
                 style={xAxisStyle}
               />
               <Axis
@@ -347,7 +347,7 @@ class Sizes extends Component {
     position="bottom"
     title={'${xAxisTitle}'}
     tickFormat={timeFormatter(niceTimeFormatByDay(1))}
-    showGridLines={false}
+    gridLine={{ visible: false }}
     style={${JSON.stringify(xAxisStyle)}}
   />
   <Axis

diff --git a/src-docs/src/views/elastic_charts/theming.js → ...docs/src/views/elastic_charts/theming.tsx b/src-docs/src/views/elastic_charts/theming.js → ...docs/src/views/elastic_charts/theming.tsx
@@ -119,11 +119,11 @@ export default () => {
           yAccessors={['y']}
           color={['black']}
         />
-        <Axis id="bottom-axis" position="bottom" showGridLines />
+        <Axis id="bottom-axis" position="bottom" gridLine={{ visible: true }} />
         <Axis
           id="left-axis"
           position="left"
-          showGridLines
+          gridLine={{ visible: true }}
           tickFormat={(d) => Number(d).toFixed(2)}
         />
       </Chart>

diff --git a/...ews/elastic_charts/theming_categorical.js → ...ws/elastic_charts/theming_categorical.tsx b/...ews/elastic_charts/theming_categorical.js → ...ws/elastic_charts/theming_categorical.tsx
@@ -334,12 +334,12 @@ export default () => {
           <Axis
             id="bottom-axis"
             position="bottom"
-            showGridLines={chartType !== 'BarSeries'}
+            gridLine={{ visible: chartType !== 'BarSeries' }}
           />
           <Axis
             id="left-axis"
             position="left"
-            showGridLines
+            gridLine={{ visible: true }}
             tickFormat={(d) => Number(d).toFixed(2)}
           />
         </Chart>
@@ -439,12 +439,12 @@ export default () => {
   <Axis
     id="bottom-axis"
     position="bottom"
-    ${chartType !== 'BarSeries' ? 'showGridLines' : ''}
+    gridLine={{ visible: ${chartType !== 'BarSeries'} }}
   />
   <Axis
     id="left-axis"
     position="left"
-    showGridLines
+    gridLine={{ visible: true }}
     tickFormat={(d) => Number(d).toFixed(2)}
   />
 </Chart>`}

diff --git a/...cs/src/views/elastic_charts/time_chart.js → ...s/src/views/elastic_charts/time_chart.tsx b/...cs/src/views/elastic_charts/time_chart.js → ...s/src/views/elastic_charts/time_chart.tsx
@@ -109,13 +109,13 @@ export default () => {
           id="bottom-axis"
           position="bottom"
           tickFormat={timeFormatter(niceTimeFormatByDay(1))}
-          showGridLines={chartType !== 'BarSeries'}
+          gridLine={{ visible: chartType !== 'BarSeries' }}
           tickPadding={0}
         />
         <Axis
           id="left-axis"
           position="left"
-          showGridLines
+          gridLine={{ visible: true }}
           tickFormat={(d) => Number(d).toFixed(2)}
         />
       </Chart>
@@ -180,12 +180,12 @@ export default () => {
     id="bottom-axis"
     position="bottom"
     tickFormat={timeFormatter(niceTimeFormatByDay(1))}
-    ${chartType !== 'BarSeries' ? 'showGridLines' : ''}
+    gridLine={{ visible: ${chartType !== 'BarSeries'} }}
   />
   <Axis
     id="left-axis"
     position="left"
-    showGridLines
+    gridLine={{ visible: true }}
     tickFormat={(d) => Number(d).toFixed(2)}
   />
 </Chart>`}