我想使用Chart.js
动态绑定数据。
最初,我能够使用模板内的代码绑定静态数据。现在,我想动态绑定API请求给出的数据。但是,在响应数据后,浏览器不会再次绘制图表,因此它不会绑定api请求给出的数据。
目前,我正在绘制如下图表(通过在html模板上设置数据属性)
<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>
使用上面的html代码,我使用javascript来绑定数据,但浏览器不会重新绘制图表。
所以我希望在加载页面时将数据绑定到data-values
(初始设置为0),并且数据由api请求提供。
这是我能想到的解决方案。
任何有关动态将数据绑定到图表的建议或建议都将受到赞赏。
谢谢。