如何使用Chart.js

时间:2017-10-27 02:11:19

标签: javascript charts

我想使用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请求提供。

这是我能想到的解决方案。

任何有关动态将数据绑定到图表的建议或建议都将受到赞赏。

谢谢。

0 个答案:

没有答案