在chart.js中将数据动态填充到图表中

我在

chart.js

中准备了一些图表。我正在尝试将通过

JSON

文件获取的数据放入文件中。如何在图表中自动更改图表数据？我正在从

URL

获取

json

数据

chartData1:{
            labels: ["01 Jan","02 Jan","03 Jan","04 Jan","05 Jan","06 
                     Jan","07 Jan"],
            datasets: [{
                 label: "s1",
               data: 
         [100,0,1,0,0,1,0,0,0,1,2,3,0,0,0,0,1,1,1,0,0,0,2,1,1,0,1,3,2,1,0],

               fill:false,

                  borderColor: 'Orange',
                  lineTension:0,
                  borderWidth:2,
                  radius:2
              },
               {
                 label: "s2",
                 data: 
             [2,3,4,1,4,5,3,2,0,1,0,3,5,6,3,7,2,0,5,3,1,2,3,1,0,5,4,5,8,6,2],
                fill:false,
                borderColor: 'Violet',
                lineTension:0,
                borderWidth:2,
                radius:2
             }
            ] 
         },

“折线图”是要显示图表的

的id

试试这个

var chart1 = document.getElementById("line-chart").getContext("2d");
                      window.myLine = new Chart(chart1).Line(chartData1, {
                      responsive: true,
                      scaleLineColor: "rgba(0,0,0,.2)",
                      scaleGridLineColor: "rgba(0,0,0,.05)",
                      scaleFontColor: "#c5c7cc"

                      });

---

我从url获取json数据如何处理这些数据并在图表中显示？