我正在做一个Java项目,我们使用GsonBuilder创建ChartJ图表。我的JSON看起来像这样:
{
"data": {
"datasets": [
{
"data": [
{
"x": "05/12/2022 07:00:00",
"y": "1",
"value": "value A"
},
{
"x": "05/13/2022 14:08:00",
"y": "1",
"value": "value B"
}
],
"label": "Bacteria",
"borderColor": "#a1c450",
"yAxisID": "Values",
}
]
},
"options": {
"plugins": {
"tooltip": {
"mode": "single",
"callbacks": {
"label": "function(tooltipItem, data) {return tooltipItem.value;}"
},
"enabled": true
}
},
"scales": {
"yAxes": [
{
"scaleLabel": {
"labelString": "Values",
"display": false
},
"display": false,
"id": "Values",
"position": "right"
}
],
"xAxes": [
{
"display": true,
"type": "time"
}
]
}
},
"type": "scatter"
}
工具提示不显示“值A/B”,而是显示相应数据项的“x,y”。
See here
我尝试返回data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index].value;
,但没有成功。
1条答案
按热度按时间piok6c0g1#
这是因为您使用的是Chart.js的V2,而工具提示使用的是V3语法。这不起作用。V2中工具提示的选项位于不同的位置:
第一个