Jquery ChartJs：将新数据加载到图表

在图表js中，当我尝试在按钮上加载新数据时，单击

data

gets

appended

我想要的是，每当用户单击

Submit

时，相同/修改的数据都应该绑定到图表中

function chartDesign(compChartData) {


    var fullChartData = compChartData;                                
    var xAxisLbl;
    var dataSetItems = {};
    //var arraydata;
    var ds = [];
    var myData = [];
    $.each(fullChartData, function (key, value) {

        if (key === TempInfo.FormulaLabel) {
            var keyList = Object.keys(value[0]);

            for (var i = 0; i < keyList.length; i++) {

                if (keyList[i] != TempInfo.FormulaLabel) {
                    xAxisLbl = keyList[i];

                }
            }
            myData = value;
            var arrayData = value.map(function (row) {
                return row[TempInfo.FormulaLabel];
            });
            $scope.justDisplay = TempInfo.FormulaLabel;
            dataSetItems["fillcolor"] = "rgba(51, 0, 51, 1)";
            dataSetItems["label"] = TempInfo.FormulaLabel;
            dataSetItems["strokeColor"] = "rgba(51, 0, 51, 1)";
            dataSetItems["pointColor"] = "rgba(51, 0, 51, 1)";
            dataSetItems["pointStrokeColor"] = "rgba(51, 0, 51, 1)";
            dataSetItems["pointHighlightFill"] = "rgba(51, 0, 51, 1)";
            dataSetItems["pointHighlightStroke"] = "rgba(51, 0, 51, 1)";                        
            dataSetItems["data"] = arrayData;

            ds.push(dataSetItems);

        }
    });

    Array.prototype.mapProperty = function (property) {
        return this.map(function (obj) {
            return obj[property];
        });
    };


    lineChartData = {
        labels: myData.mapProperty(xAxisLbl),
        // labelsyaxis: newData.mapProperty('dates'),
        datasets: ds                                       
    };


    // to get canvas --> myChart
    $('#myChart').remove(); // this is my <canvas> element
    $('#chart-area').append('<canvas id="myChart" width="600" height="400"></canvas>');
    var cht = document.getElementById("myChart");
    var ctx = cht.getContext("2d");


    if (lineChart != null) {                    
        lineChart.destroy();
    }
    lineChart = new Chart(ctx).LineGraph(lineChartData, newopts);//render it again ...

    document.getElementById("legend").innerHTML = lineChart.generateLegend();

    // For legend
    //document.getElementById("legendName").innerHTML = lineChart.generateLegend();

}

功能图表设计（compChartData）{
var fullChartData=compChartData；
xAxisLbl变种；
var dataSetItems={}；
//arraydata变种；
var-ds=[]；
var myData=[]；
$.each（完整图表数据、函数（键、值）{
if（key==TempInfo.FormulaLabel）{
var keyList=Object.keys（值[0]）；
对于（var i=0；imyChart的步骤
$（“#myChart”）.remove（）；//这是我的元素
$（“#图表区”）。附加（“”）；
var cht=document.getElementById（“myChart”）；
var ctx=cht.getContext（“2d”）；
如果（折线图！=null）{
lineChart.destroy（）；
}
lineChart=new Chart（ctx）.LineGraph（lineChartData，newopts）；//再次渲染它。。。
document.getElementById（“图例”）.innerHTML=lineChart.generateGend（）；
//传奇
//document.getElementById（“legendName”）.innerHTML=lineChart.generateGend（）；
}

---

注意：图表控件位于角度

ng repeat

内。数据是动态加载的。

一切正常。数据本身包含附加信息。这与Chart.js无关