chartjs数据更新,chartjs更新数据

更新： 2022-11-18 02:40

本文目录一览：

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}
                    }
                }
            };
        }
    }
}