Chart.js - 折线图工具提示标签

当我使用折线图将鼠标悬停在数据集上时，工具提示会在数据集中的每个项目旁边显示一个颜色键。但是，密钥和文本之间没有间隔。Chart.js - 折线图工具提示标签

至少，我希望能够在这里添加一些填充，但如果我也可以缩小这些关键方块，或者甚至给它们设置圆角，那将是非常好的。

我没有看到任何控制这个小方块的折线图或工具提示设置。

我想也许它是从传奇配置共享选项，但没有。

JS Bin Example

我使用Chart.bundle.min.js 2.3.0。

来源

2016-10-04 HWD

我做了这样的事情来添加一些填充。不理想，但我不知道另一种方式。

tooltips: { 
    callbacks: { 
     title: function(tooltipItem, data) { 
     return tooltipItem[0].xLabel; 
     }, 
     label: function(tooltipItem, data) { 
     return ' ' + data.datasets[tooltipItem.datasetIndex].label + ' ' + tooltipItem.yLabel; 
     }

基本上附加所述填充手动

return ' ' + ... + tooltipItem.yLabel;

可能更有益，见Edit tooltips in ChartJS

来源

2017-03-14 20:15:38 Toby

Chart.js - 折线图工具提示标签

回答

相关问题