Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Chart.js动态绑定数据_Javascript_Charts - Fatal编程技术网

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>