gson 图表JS工具提示标签未显示正确的值

c0vxltue  于 2022-11-06  发布在  其他
关注(0)|答案(1)|浏览(147)

我正在做一个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;,但没有成功。

piok6c0g

piok6c0g1#

这是因为您使用的是Chart.js的V2,而工具提示使用的是V3语法。这不起作用。V2中工具提示的选项位于不同的位置:
第一个

相关问题