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 = >({ }) }, [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 = (): D3GroupRenderFunction => (gro
- {chart.label}: + {chart.shortLabel || chart.label}:
{data.map((d, 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 = (): D3RenderFunction => (d
- {chart.label}: + {chart.shortLabel || chart.label}:
{data.map((d, 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 = { yAxis: ChartAxis xAxis: ChartAxis label?: ReactNode + shortLabel?: ReactNode color?: Property.Color opacity?: number width?: number | string