我在我的网站上使用以下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;
或者某些这样的事情,以便该值不包含在工具提示中?
答案 0 :(得分:0)
搜索此(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,项目就会重新出现在工具提示中。