我正在使用具有模块化概念的devextreme图表(js图表)。
在我的一个条形图中,我希望显示一个工具提示,在悬停时显示SeriesBar的名称及其所具有的值。 即 让我们假设我的图表有3个条形图描绘了美国,英国,法国的人口。 当我将鼠标悬停在美国(Bar)上时,我希望我的工具提示能够显示
USA:10000
同样适用于英国和法国
$("#myChartDiv").dxChart({
dataSource: dataset,
commonSeriesSettings: {
argumentField: 'DimensionValue',
valueField: 'MetricValue',
label: {
visible: true,
format: {
type: "fixedPoint",
precision: Barnumberprecision
}
},
type: 'bar',
},
seriesTemplate: {
nameField: "SurveyYear",
},
valueAxis: {
title: {
text: Title
},
position: "left"
},
argumentAxis: {
label: {
overlappingBehavior: { mode: Barlabeloverlappingmode, rotationAngle: Barlabelrotateangle }
}
},
tooltip: {
enabled: true,
location: "edge",
customizeText: function () {
return this.seriesName;
},
format: {
//type: "fixedPoint",
precision: Barnumberprecision
}
},
legend: {
verticalAlignment: BarlegendverticalAlignment,
horizontalAlignment: BarlegendhorizontalAlignment
}
});
我已经浏览了devextreme网站,但没有找到任何属于我的财产,或者可能是我没有正确使用它。
谁可以告诉我哪个属性符合我的要求?
答案 0 :(得分:0)
我建议您浏览tooltip文档,在那里您可以找到可用于显示特定值的属性名称。
参考此DX线程:dxChart - How to customize a tooltip
tooltip: {
enabled: true,
customizeTooltip: function (point) {
return {
text: point.value+' of '+point.argument+' against '+point.seriesName
}
}
}