Добавлен проп короткого названия датасета

src/components/d3/D3MonitoringCharts.tsx

@@ -228,8 +228,6 @@ const _D3MonitoringCharts = <DataType extends Record<string, unknown>>({
         })
     }, [groups, data])
 
-    console.log(chartDomains)
-
     useEffect(() => {
         if (isDev()) {
             datasetGroups.forEach((sets, i) => {

src/components/d3/plugins/D3HorizontalCursor.tsx

@@ -56,7 +56,7 @@ const makeDefaultRender = <DataType,>(): D3GroupRenderFunction<DataType> => (gro
                 <div className={'tooltip-group'} key={chart.key}>
                     <div className={'group-label'}>
                         <Icon style={{ color: chart.color }} />
-                        <span>{chart.label}:</span>
+                        <span>{chart.shortLabel || chart.label}:</span>
                     </div>
                     {data.map((d, i) => (
                         <span key={`${i}`}>

src/components/d3/plugins/D3Tooltip.tsx

@@ -50,7 +50,7 @@ export const makeDefaultRender = <DataType,>(): D3RenderFunction<DataType> => (d
                 <div className={'tooltip-group'} key={chart.key}>
                     <div className={'group-label'}>
                         <Icon style={{ color: chart.color }} />
-                        <span>{chart.label}:</span>
+                        <span>{chart.shortLabel || chart.label}:</span>
                     </div>
                     {data.map((d, i) => (
                         <span key={`${i}`}>

src/components/d3/types.ts

@@ -30,6 +30,7 @@ export type BaseChartDataset<DataType> = {
     yAxis: ChartAxis<DataType>
     xAxis: ChartAxis<DataType>
     label?: ReactNode
+    shortLabel?: ReactNode
     color?: Property.Color
     opacity?: number
     width?: number | string