小编Gog*_*pex的帖子

如何使用 ChartJS 一次只显示一个标签/行

我在一个项目上使用 ChartJS 来绘制一个折线图,它有 5 个不同的线/标签。

默认情况下,ChartJS 会一次性绘制所有线条,您可以单击它们的每个标签以停用它们。我想要相反的,但我还没有找到办法做到这一点。

  canvas = document.getElementById("graph_currency")
  ctx = canvas.getContext("2d")

  graph_currency = {
    labels: ["Pon", "Wt", "Sro", "Czw", "Pt", "Sb", "Nd"],
    datasets: [
      {
        label: "Placeholder label, will remove",
        backgroundColor: "rgba(88, 234, 245, 0.4)",
        strokeColor: "#76e5f2",
        pointColor: "#103e58",
        borderColor: "rgba(75,192,192,1)",
        pointBorderColor: "#103e58",
        pointBackgroundColor: "#103e58",
        pointRadius: 10,
        pointHoverRadius: 8,
        pointHoverBorderWidth: 2,
        pointHoverBackgroundColor: "rgba(220,220,220,1)",
        pointHoverBorderColor: "#103e58",
        data: [4.7000, 4.5600, 4.8110, 4.9000, 4.9890, 4.8292, 4.68690]
      },
        {
          label: 'GBP',
          backgroundColor: "rgba(88, 234, 245, 0.4)",
          strokeColor: "#76e5f2",
          borderColor: "rgba(75,192,192,1)",
          pointBorderColor: "#103e58", …
Run Code Online (Sandbox Code Playgroud)

javascript chart.js

5
推荐指数
0
解决办法
714
查看次数

标签 统计

chart.js ×1

javascript ×1