使用纯JAVASCRIPT在Highcharts中使用setData从JSON获取数据失败

时间:2018-04-23 06:00:31

标签: javascript json ajax highcharts

伙计我是Highcharts的新手所以一直试图从JSON文件中动态获取数据。我在JSON文件中声明了一个数组,但即使我在ajax中循环它,我也没有得到正确的值。 我在AJAX中尝试了以下方法

第一种方法:

    <script>
         window.onload=function()
            {
                var Request=new XMLHttpRequest();
                Request.open("GET","charts.json");
                Request.onload = function()
                {
                    var datass=JSON.parse(Request.responseText);
                    parsess(datass);
                }
                Request.send();
            }  
         function parsess(datae)
          {
              let x="";
              chart.setTitle({text:datae.title})
              for(let i in datae.data)
                  {
                      x = x + datae.data[i] + ",";
                  }
              console.log(x);
              chart.series[0].setData([x]);
          }
      </script>

第二种方法:

function parsess(datae)
      {
          let x="";
          chart.setTitle({text:datae.title})
          for(let i=0;i<datae.data[i].length;i++)
          chart.series[0].setData([datae.data[i]]);
      }

我确定方法2是错误的,因为在循环时它会留下以前的值。所以请给我一个解决方案......

我的JSON:

{
    "title":"my first chart",
    "name": "akhil",
    "data":[13,15,17]
}

0 个答案:

没有答案