本文目录一览:
chart.js 重复绘图问题
myLineChart.destroy();
能解决一部分问题,更完美的解决方法我还在研究中,同求大神指点
更好的解决方法如下:
每次绘图之前先删除canvas节点,重新添加一个。
$('#lineChart').remove(); // this is my canvas element
$('#lineChartParent').append('canvas id="lineChart" height="230"/canvas');
chart.js代码如何把这个柱状图代码中的数据改成动态的
data: ['2014', '2015', '2016', '2017', '2018']
data: [88, 32, 91, 34, 90],
这两处就是数据源,改成你要的动态数据就可以了
echarts.js怎么根后台数据动态更新数据显示
echarts.js根后台数据动态更新数据显示:
function initDefaultChart(ec){
echarts = ec;
var list_devData = ${pointDataMassage};
/* console.info(list_devData); */
var str = "";
for (var one in list_devData){
/* console.info("one",list_devData[one]); */
var id_data =list_devData[one].dataId;
var data_unit = list_devData[one].dataUnit;
var dataSort = list_devData[one].dataSort;
/* console.info("id",id_data); */
if(document.getElementById("attr_"+id_data)!=undefined){/* !exp typeof(exp)!="undefined" exp!=0 */
var myChart = ec.init(document.getElementById("attr_"+id_data));
var option = {
tooltip : {
formatter: "{b} br/{c}{a}"
},
toolbox: {
show : false,
feature : {
mark : {show: true},
restore : {show: true},
saveAsImage : {show: true}
}
}
}