chartjs數據更新,chartjs更新數據

本文目錄一覽：

• 1、chart.js 重複繪圖問題
• 2、chart.js代碼如何把這個柱狀圖代碼中的數據改成動態的
• 3、echarts.js怎麼根後台數據動態更新數據顯示

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}

}

}

}