如何在图表JS中使用JSON文件?

时间:2018-07-11 11:36:28

标签: json django charts

我想将数据从json文件添加到(django)中的图表js中,但它不会出现 在我们放置在静态文件夹中的文件中

 <canvas id="canvas" width="80" height="30"></canvas>



 $.getJSON("JSONnigberOfPopulition.json", function (json) {

  var labelsChart = json.map(function(item) {
  return item.AvgTravelTime;
   });
  var dataChart = json.map(function(item) {
 return item.Pop_ofNeigbor_riyadh;
  });

在这里您可以看到此图表部分:

  var ctx = canvas.getContext('2d');
   var config = {
 type: 'line',
  data: {
   labels:labelsChart,
  datasets:[{
  label: 'Graph Line',
  data: dataChart,
 backgroundColor:'rgba(0, 119, 204, 0.3)'

   }]
    }
  };

   var myChart = new Chart(ctx,config);
  });

0 个答案:

没有答案