From e147d11fdce2b2ce199bad3f564790d2f4ba4d64 Mon Sep 17 00:00:00 2001
From: goodmice <av.sirotkin@autodrilling.ru>
Date: Mon, 18 Jul 2022 18:04:18 +0500
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BF=D1=80=D0=BE=D0=BF=20=D0=BA=D0=BE=D1=80=D0=BE?=
 =?UTF-8?q?=D1=82=D0=BA=D0=BE=D0=B3=D0=BE=20=D0=BD=D0=B0=D0=B7=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D0=B4=D0=B0=D1=82=D0=B0=D1=81=D0=B5=D1=82?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/d3/D3MonitoringCharts.tsx         | 2 --
 src/components/d3/plugins/D3HorizontalCursor.tsx | 2 +-
 src/components/d3/plugins/D3Tooltip.tsx          | 2 +-
 src/components/d3/types.ts                       | 1 +
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/d3/D3MonitoringCharts.tsx b/src/components/d3/D3MonitoringCharts.tsx
index 9beb235..2f2ae1e 100644
--- a/src/components/d3/D3MonitoringCharts.tsx
+++ b/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) => {
diff --git a/src/components/d3/plugins/D3HorizontalCursor.tsx b/src/components/d3/plugins/D3HorizontalCursor.tsx
index 6bf0ec0..636a600 100644
--- a/src/components/d3/plugins/D3HorizontalCursor.tsx
+++ b/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}`}>
diff --git a/src/components/d3/plugins/D3Tooltip.tsx b/src/components/d3/plugins/D3Tooltip.tsx
index a8bca26..65bbfe8 100644
--- a/src/components/d3/plugins/D3Tooltip.tsx
+++ b/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}`}>
diff --git a/src/components/d3/types.ts b/src/components/d3/types.ts
index 65cbd0b..647f9c3 100644
--- a/src/components/d3/types.ts
+++ b/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