micord/ervu-business-metrics
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SUPPORT-9217: add tooltip creation function

Browse source
This commit is contained in:
Рауф Латыпов 2025-06-09 09:52:30 +03:00
parent 741e52922e
commit 2585539291
3 changed files with 28 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/ts/ervu_business_metrics/component/chart/ErvuChartV2.ts
View file

@ -23,6 +23,7 @@ import {ChartBarSettings} from "./model/ChartBarSettings";
import {ChartLegendSettings} from "./model/ChartLegendSettings";
import {Options} from "./model/Options";
import {ChartPlugin} from "./plugin/ChartPlugin";
import {DataTooltip} from "./tooltip/DataTooltip";
import {ChartUtils} from "./ChartUtils";
import {ErvuChartTooltip} from "./ErvuChartTooltip";
@ -97,6 +98,8 @@ export class ErvuChartV2 extends Control implements Filterable {
public tooltipPosition: any;
@Visible("false")
public tooltipModel: TooltipModel<any>;
@AdvancedProperty()
public dataTooltip: DataTooltip;
private chartRpcService: ChartV2RpcService;
private filterMap: { [key: string]: Filter } = {};
@ -259,19 +262,27 @@ export class ErvuChartV2 extends Control implements Filterable {
}
};
chartConfig.dataTooltip = this.dataTooltip
? this.dataTooltip.tooltip
: ((dataLabel, value) => dataLabel + ' : ' + value) ;
chartOptions.plugins.tooltip.callbacks = {
label: function (tooltipItem) {
const dataset = tooltipItem.dataset;
let dataLabel: string;
let value;
if (dataset.type == 'bar' || dataset.type == 'line') {
return dataset.label + ' : ' + dataset.data[tooltipItem.dataIndex].x.toLocaleString();
dataLabel = dataset.label;
value = dataset.data[tooltipItem.dataIndex].x.toLocaleString();
}
let dataLabel;
const dataLabels = tooltipItem.chart.config.data.dataLabels;
if (dataLabels) {
dataLabel = dataLabels[tooltipItem.datasetIndex][tooltipItem.dataIndex];
else {
const dataLabels = tooltipItem.chart.config.data.dataLabels;
if (dataLabels) {
dataLabel = dataLabels[tooltipItem.datasetIndex][tooltipItem.dataIndex];
}
dataLabel = dataLabel ? dataLabel : tooltipItem.label;
value = dataset.data[tooltipItem.dataIndex].toLocaleString();
}
return dataLabel ? dataLabel : tooltipItem.label + ' : ' +
dataset.data[tooltipItem.dataIndex].toLocaleString();
return tooltipItem.chart.config.dataTooltip(dataLabel, value);
}
};

3
frontend/src/ts/ervu_business_metrics/component/chart/tooltip/DataTooltip.ts Normal file
View file

@ -0,0 +1,3 @@
export interface DataTooltip {
tooltip(dataLabel, value): string;
}

7
frontend/src/ts/ervu_business_metrics/component/chart/tooltip/ValueBeforeDataTooltip.ts Normal file
View file

@ -0,0 +1,7 @@
import {DataTooltip} from "./DataTooltip";
export class ValueBeforeDataTooltip implements DataTooltip {
tooltip(dataLabel, value): string {
return "" + value + " " + dataLabel;
}
}