需要帮助修改Chart.js鼠标悬停工具提示

时间:2015-01-07 19:37:27

标签: javascript jquery

我在我的网站上使用以下jQuery插件: http://www.chartjs.org/docs/

我有一个包含20行的折线图,默认情况下使用以下内容隐藏其中15行:

for (var i = 5; i < $d.datasets.length; i++) {  //5 = starting dataset so we aren't hiding 'TM' data
    $d.datasets[i].strokeColor = "rgba(0,0,255,0)";
    $d.datasets[i].pointColor = "rgba(0,0,255,0)";
}

这非常适合隐藏线条,我可以让用户能够使用一些可点击的div和lil jQuery打开/关闭任何线条,bing bang boom,没有概率!

有问题......哈哈!

工具提示仍然显示该行上给定点的所有数据,但将所有“隐藏”值显示为白色方块。

如何将“ chart.min.js ”代码修改为:

//Psuedo - if the alpha value of the point color is 0, don't use this data
if(pointColor.a == 0) return;

或者某些这样的事情,以便该值不包含在工具提示中?

1 个答案:

答案 0 :(得分:0)

天啊,我找到了! :d

搜索此(x3):

e.each(t.datasets,function(i){var s={label:i.label||null

替换为此(x3):

e.each(t.datasets, function (i) { if (i.strokeColor.split(',')[3].replace(')', '') == 0) return; var s = { label: i.label || null

如果通过将笔触颜色的Alpha值设置为0来隐藏线条,则会从鼠标悬停菜单中删除这些数据点。一旦重新打开alpha,项目就会重新出现在工具提示中。