如何解决Chartjs 隐藏数据集图例 v3
我目前在网页上的图表由 Chart.js v2.5.3 提供支持。不久前配置的图表工作得很好。代码如下:
var ctw = document.getElementById("chart-budget");
var myChart = new Chart(ctw,{
type: 'bar',data: {
labels: ["budget","costs"],datasets: [{
label: "Amount",data: [520980,23397.81],backgroundColor: [
'rgba(143,211,91,0.2)','rgba(255,99,132,],borderColor: [
'rgba(143,1)',borderWidth: 1
}]
},options: {
legend: {
display: false
},responsive: true,scales: {
yAxes: [{
ticks: {
beginAtZero: true
},gridLines: {
drawBorder: false,}
}],xAxes: [{
gridLines: {
display: false,}
}]
}
}
});
由于 v3 现在可用,我想切换到它。快速测试揭示了我需要克服的一些问题。我正在努力解决的问题之一是无法隐藏数据集图例。在 V2.5 中,它是通过将 options.legend.display
设置为 false 来完成的,但不再是了。
在 the documentation 我没有遇到任何可以帮助我的东西。
有人可以就如何在 Chart.js V3 中隐藏图例提出建议吗?
/库巴
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。