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

Javascript 如何使用ChartJS一次只显示一个标签/行,javascript,chart.js,Javascript,Chart.js,我在一个项目中使用ChartJS绘制一个折线图,它有5条不同的线/标签 默认情况下,ChartJS一次绘制所有线条,您可以单击它们的每个标签以停用它们。我想要相反的结果,但我还没有找到一个办法 canvas = document.getElementById("graph_currency") ctx = canvas.getContext("2d") graph_currency = { labels: ["Pon", "Wt", "Sro", "Czw", "Pt",

我在一个项目中使用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",
          pointBackgroundColor: "#103e58",
          pointRadius: 10,
          pointHitRadius: 10,
          pointHoverRadius: 8,
          pointHoverBorderWidth: 2,
          pointHoverBackgroundColor: "rgba(220,220,220,1)",
          pointHoverBorderColor: "#103e58",
          data: [4.5600, 4.5600, 4.8110, 4.9000, 4.7000, 4.68920, 4.68690] 
        },
         {
          label: 'CHF',
          backgroundColor: "rgba(88, 234, 245, 0.4)",
          strokeColor: "#76e5f2",
          borderColor: "rgba(75,192,192,1)",
          pointBorderColor: "#103e58",
          pointBackgroundColor: "#103e58",
          pointRadius: 10,
          pointHitRadius: 10,
          pointHoverRadius: 8,
          pointHoverBorderWidth: 2,
          pointHoverBackgroundColor: "rgba(220,220,220,1)",
          pointHoverBorderColor: "#103e58",
          data: [4.9000, 4.5600, 4.81100, 4.80000, 4.70000, 4.68920, 4.68690] 
        }
    ]
  }
  myNewChart = new Chart(ctx, {type: "line", data: graph_currency,})
这是我当前图表的代码。-下面是一个正在使用的JSFIDLE和我正在谈论的示例。绘制图表时,所有线条同时出现,如果单击顶部标签,相应的线条将消失

我的问题是:是否可以改为一次只显示一行,并让单击标签的操作仅选择要显示的行

先谢谢你

(这似乎有答案,但它是针对角度图表的,所以我一直无法应用它。 )