不同标签的不同工具提示react-chart-js

时间:2019-01-31 14:47:52

标签: charts tooltip react-chartjs

我正在使用react-chart-js创建图表。 我的标签需要不同的工具提示。对于您可以在图表下看到的标签,我能够创建一个工具提示。该工具提示应保持不变。另外,我需要不同的工具提示,并在文本中添加图形中红色区域的文字。该标签包含一个介于-1到1之间的值。此标签也不会出现在图例中。 将鼠标悬停在彩色区域上时,应该会立即显示工具提示。 到目前为止,我还没有找到其他工具提示的任何解决方案。

tooltips:{
                  callbacks: {
                    title: function(tooltipItem, data) {
                        return data['labels'][tooltipItem[0]['index']];
                  },
                  label: function(t, d, value) {
               var xLabel = d.datasets[t.datasetIndex].label;
               var yLabel = t.yLabel
               if (t.datasetIndex !== 8 && t.datasetIndex !== 9 && t.datasetIndex !==10) {
               return xLabel + ': ' + yLabel.toFixed(2);
           }
         }
                  },
                  mode: "index"
                },

0 个答案:

没有答案