Question

我在chart.js项目中处于膝盖深处，为了简单起见，我们假设我在一个简单的折线图中有A，B和C行。有没有办法创建一个包含所有3行的图表，只显示A＆amp; B，并且在图例中划掉了C并且没有在图表上显示？（像点击一样切换。）

我想要的确切功能是
1。生成A，B和C行
2。将onClick（）模拟到C行

我认为我忽略了一些非常简单的事情，并希望在重写chart.js源代码之前确定。我没有运气搜索文档。

提前致谢！

Answer 1

好的，所以非常简单。

未隐藏的行的数据。（与点击相同）

  {
        label: Object.keys(data)[i],
        fill: false,
        lineTension: 0.1,
        backgroundColor: color,
        borderColor: color,
        borderCapStyle: 'butt',
        borderDash: [],
        borderDashOffset: 0.0,
        borderJoinStyle: 'miter',
        pointBorderColor: color,
        pointBackgroundColor: "#fff",
        pointBorderWidth: 1,
        pointHoverRadius: 5,
        pointHoverBackgroundColor: color,
        pointHoverBorderColor: color,
        pointHoverBorderWidth: 2,
        pointRadius: 1,
        pointHitRadius: 10,
        data: data[Object.keys(data)[i]]
      }

和隐藏（点击）行的数据

  {
        hidden: true,
        label: Object.keys(data)[i],
        fill: false,
        lineTension: 0.1,
        backgroundColor: color,
        borderColor: color,
        borderCapStyle: 'butt',
        borderDash: [],
        borderDashOffset: 0.0,
        borderJoinStyle: 'miter',
        pointBorderColor: color,
        pointBackgroundColor: "#fff",
        pointBorderWidth: 1,
        pointHoverRadius: 5,
        pointHoverBackgroundColor: color,
        pointHoverBorderColor: color,
        pointHoverBorderWidth: 2,
        pointRadius: 1,
        pointHitRadius: 10,
        data: data[Object.keys(data)[i]]
      }

唯一的区别是

hidden: true

简单修复。

图表js如何在没有点击的情况下切换线

1 个答案: