From 0e763805b132a593953b4164708bbf9aa828d93c Mon Sep 17 00:00:00 2001
From: mpallansch <matthew.pallansch@gmail.com>
Date: Tue, 11 Jun 2024 13:50:33 -0400
Subject: [PATCH] Adds Tooltip to Y Axis Number of Ticks

---
 .../chart/src/components/EditorPanel/EditorPanel.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/chart/src/components/EditorPanel/EditorPanel.tsx b/packages/chart/src/components/EditorPanel/EditorPanel.tsx
index cc4da0020..14872b972 100644
--- a/packages/chart/src/components/EditorPanel/EditorPanel.tsx
+++ b/packages/chart/src/components/EditorPanel/EditorPanel.tsx
@@ -1173,7 +1173,17 @@ const EditorPanel = () => {
                       {config.runtime.seriesKeys && config.runtime.seriesKeys.length === 1 && !['Box Plot', 'Deviation Bar', 'Forest Plot'].includes(config.visualizationType) && (
                         <CheckBox value={config.isLegendValue} fieldName='isLegendValue' label='Use Legend Value in Hover' updateField={updateField} />
                       )}
-                      <TextField value={config.yAxis.numTicks} placeholder='Auto' type='number' section='yAxis' fieldName='numTicks' label='Number of ticks' className='number-narrow' updateField={updateField} />
+                      <TextField value={config.yAxis.numTicks} placeholder='Auto' type='number' section='yAxis' fieldName='numTicks' label='Number of ticks' className='number-narrow' 
+                            tooltip={
+                              <Tooltip style={{ textTransform: 'none' }}>
+                                <Tooltip.Target>
+                                  <Icon display='question' style={{ marginLeft: '0.5rem', display: 'inline-block', whiteSpace: 'nowrap' }} />
+                                </Tooltip.Target>
+                                <Tooltip.Content>
+                                  <p>Apporoximate number of ticks. Other factors such as space available and data may change the exact number of ticks used.</p>
+                                </Tooltip.Content>
+                              </Tooltip>
+                            } updateField={updateField} />
                       <TextField
                         value={config.yAxis.size}
                         type='number'