如何为不同的数据集更改不同的工具提示

时间:2019-07-12 16:14:05

标签: javascript chart.js tooltip

对于某些人来说,这可能是一个容易回答的问题,但是我对Javascript还是陌生的,对此我遇到了麻烦。 我正在使用Charts.js创建多图,并且想为2个不同的数据集设置2个不同的工具提示。 我希望第一条线图工具提示显示数据点,数据集标签和数据标签(例如:80 ml / pL 07/03/91),我希望第二条图(平面虚线)工具提示仅显示数据点和数据集标签(例如:80 ml / pL)。

我能够创建自己的自定义工具提示,以便它显示数据点,数据集标签和数据标签,但是在为下一个数据集创建第二个自定义工具提示时遇到了麻烦。

Fiddle here

tooltips: {
              displayColors: false,
                caretSize: 5,
                bodyFontSize: 11,
            callbacks: {
               title: function() {},
               label: function(tooltipItem, data) {
                 if(tooltipItem.datasetsIndex===0){
                      return data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]+ 'ml/pL'+ ' ' + data.labels[tooltipItem.index];
                    } else if (tooltipItem.datasetsIndex===1){
                      return data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]+ 'ml/pL';
                    }
                  }
            },
        },

0 个答案:

没有答案