Javascript 如何使用Chart.js动态绑定数据
我想使用Javascript 如何使用Chart.js动态绑定数据,javascript,charts,Javascript,Charts,我想使用Chart.js动态绑定数据 最初,我能够使用模板内的代码静态绑定数据。现在,我想动态绑定API请求提供的数据。但是,在数据被重新发布后,浏览器不会再次绘制图表,因此它不会绑定api请求提供的数据 目前,我正在绘制一个如下所示的图表(通过在html模板上设置数据属性) 为什么不在每次触发事件时使用javascript呈现新数据?为什么不在每次触发事件时使用javascript呈现新数据? <canvas data-chart=“bar” data-animation=“false”
Chart.js
动态绑定数据
最初,我能够使用模板内的代码静态绑定数据。现在,我想动态绑定API请求提供的数据。但是,在数据被重新发布后,浏览器不会再次绘制图表,因此它不会绑定api请求提供的数据
目前,我正在绘制一个如下所示的图表(通过在html模板上设置数据属性)
为什么不在每次触发事件时使用javascript呈现新数据?为什么不在每次触发事件时使用javascript呈现新数据?
<canvas data-chart=“bar”
data-animation=“false”
data-labels=‘[“월”, “화”, “수”, “목”, “금”, “토”,“일”]’
data-values=‘[{“label”: “이번 주“, “backgroundColor”: “#d9230f ”, “borderColor”: “#d9230f ”, “data”: [0,0,0,0,0,0,0]}, {“label”: “저번 주“, “backgroundColor”: “#d9831f ”, “borderColor”: “#d9831f ”, “data”: [0,0,0,0,0,0,0]}]’
data-tooltips=‘{“mode”: “label”}’
data-hide=‘[“gridLinesX”, “legend”]’ height=“150"
id=“orders-week-chart”></canvas>