BUR-35 Привел к согласованному цветовому отображению график, легенду и тултип.
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
export type AvgPointValue = [time: number, avg: number, min: number, max: number, count: number];
|
||||
|
||||
export type TooltipParam = {
|
||||
color?: string;
|
||||
marker?: string;
|
||||
seriesName?: string;
|
||||
value?: unknown;
|
||||
|
||||
@@ -89,7 +89,7 @@ export function formatTooltip(params: unknown): string {
|
||||
const value = item.value as AvgPointValue;
|
||||
return [
|
||||
'<div class="chart-tooltip-row">',
|
||||
`<span>${item.marker ?? ''}${item.seriesName ?? ''}</span>`,
|
||||
`<span class="chart-tooltip-label" style="--chart-tooltip-marker-color:${item.color ?? 'currentColor'};">${item.seriesName ?? ''}</span>`,
|
||||
'<strong>',
|
||||
`min ${formatChartValue(value[2])} · avg ${formatChartValue(value[1])} · max ${formatChartValue(value[3])}`,
|
||||
value[4] > 1 ? ` · ${value[4]} точек` : '',
|
||||
|
||||
@@ -45,6 +45,9 @@ export function createHistoryChartOptions({
|
||||
legend: {
|
||||
type: 'scroll',
|
||||
top: 0,
|
||||
icon: 'rect',
|
||||
itemWidth: 18,
|
||||
itemHeight: 3,
|
||||
data: legendData,
|
||||
textStyle: { color: '#cbd5e1' },
|
||||
},
|
||||
|
||||
@@ -93,7 +93,11 @@ export function createSeriesOptions(points: HistoryPoint[], index: number, label
|
||||
color,
|
||||
},
|
||||
emphasis: {
|
||||
focus: 'series',
|
||||
disabled: true,
|
||||
lineStyle: {
|
||||
width: 1.8,
|
||||
color,
|
||||
},
|
||||
},
|
||||
z: 3,
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user