在chart.js中动态更改yAxes可以通过以下步骤实现:
var myChart;
document.addEventListener("DOMContentLoaded", function() {
var ctx = document.getElementById("myChart").getContext("2d");
myChart = new Chart(ctx, {
type: "line",
data: {
labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"],
datasets: [{
label: "Dataset 1",
data: [10, 20, 30, 40, 50],
backgroundColor: "rgba(0, 0, 255, 0.5)"
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
});
function changeYAxes() {
myChart.options.scales.yAxes[0].ticks.beginAtZero = false;
myChart.update();
}
changeYAxes()
函数即可。这样,你就可以在chart.js中动态更改y轴的配置了。
关于chart.js的更多信息和用法,请参考腾讯云的相关产品和文档:
DBTalk技术分享会
GAME-TECH
DB TALK 技术分享会
腾讯云GAME-TECH沙龙
DBTalk技术分享会
云+社区技术沙龙[第9期]
云+社区技术沙龙[第6期]
腾讯技术开放日
领取专属 10元无门槛券
手把手带您无忧上云