Javascript 如何使用ChartJS一次只显示一个标签/行
我在一个项目中使用ChartJS绘制一个折线图,它有5条不同的线/标签 默认情况下,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",
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和我正在谈论的示例。绘制图表时,所有线条同时出现,如果单击顶部标签,相应的线条将消失
我的问题是:是否可以改为一次只显示一行,并让单击标签的操作仅选择要显示的行
先谢谢你
(这似乎有答案,但它是针对角度图表的,所以我一直无法应用它。
)