如何解决Graph Chart.js下拉菜单-图表渲染
我使用chart.js绘制数据。现在,从下拉列表中选择之后,我总是要显示相关的行(使用updateChartType函数)。
不幸的是,我在图中只看到两个点。有人可以告诉我错误在哪里吗?
我的演示在这里-[http://jsfiddle.net/ondra15/chqa30sf/55/]
谢谢:-)
解决方法
您忘记在options
函数中添加updateChartType
对象
function updateChartType() {
myChart.destroy();
myChart = new Chart(ctx,{
type: 'line',data: options2.data,options: options2.options //<--- this line
});
myChart.getDatasetMeta(document.getElementById("chartType").value).hidden = false;
};
如果您希望下拉菜单在不同数据集之间切换,则可以使用以下内容:
您无需创建新图表,只需更新当前图表即可,但是
您需要致电chart.update()
function updateChartType() {
const val = document.getElementById("chartType").value
for (const i in myChart.data.datasets) {
if (i == val) myChart.getDatasetMeta(i).hidden = false;
else myChart.getDatasetMeta(i).hidden = true;
}
myChart.update();
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。