动态数据集的Chart.js工具提示

时间:2018-09-19 11:49:28

标签: javascript arrays chart.js

取决于从下拉列表中选择的值,图表必须显示选择的数据集。因此,如果选择两个度量,则度量变量将包括:

Array(96) [ "1.241", "1.243", "1.242", "1.242", "1.240", "1.237", "1.236", "1.235", "1.235", "1.235", … ]

Array(96) [ "30.096", "30.095", "30.095", "30.087", "30.082", "30.075", "30.070", "30.066", "30.056", "30.055", … ]

目前,我试图在这样的for循环中动态制作回调对象

callbacksObj[r] = { 
  callbacks: {
    title: function (tooltipItem, data) {
           return tooltipItem[0].xLabel;
   },
   afterBody: function (t, d) {
              return "Real value:" + measures[t[0].index];
   },
   labelColor: function (tooltipItem, allInOneGraph) {
        var dataset =    allInOneGraph.config.data.datasets[tooltipItem.datasetIndex];
        return {
            backgroundColor: dataset.backgroundColor
        }
   }
 }

但是什么也没显示。如果我从callbacksObj中删除该位置,那么它将显示两个数据集的最后一个数组数据。

我不能使用

afterBody: function (t, d) {
         if (t.datasetIndex === 0){
            return "Real value:" + measures[t[0].index];
         } else if(t.datasetIndex === 1) {}       
       },

因为数据集计数每次都可以不同。

如何在afterBody中分别显示每个数据集的这两个数组?

谢谢!

0 个答案:

没有答案