Как разместить данные с помощью Json File на старшей диаграмме?

Question

var chartData;

$(function(){
$.ajax({

url: 'http://localhost:3300/temp',
type: 'GET',
dataType: "json",
success : function(data) {
  chartData = data;
  console.log(JSON.stringify(chartData));

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'chart-location',
        type: 'line',
        marginRight: 130,
        marginBottom: 25, 
        height : 400,

    },
    title: {
        text: 'Packet Number',
        x: -20 //center
    },
    xAxis: {
        categories: data["categories"]
    },


    series: [
     {
        name: 'paketNo',
        dataFormat: 'json',
        data: chartData
      }
    ]
});
 chart.render();
}
   });
 });

---

Мой файл JSON:

{
  "dataset": [{
    "seriesname": "Topic 22",
    "data": [{
      "value": 0
    }, {
      "value": 1
    }, {
      "value": 0
    }, {
      "value": 0
    }, {
      "value": 0
    }]
  }]
}

Я хочу отобразить параметр значения, но при использовании вышеуказанного кода ничего не отображается.

Answer 1

Вы используете неправильный формат, highcharts принимайте данные следующим образом:

data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]

Но вы передали целые JSON данным.Таким образом, вы должны получить только значения, вы можете сделать, как показано ниже:

var obj = {
  "dataset": [{
    "seriesname": "Topic 22",
    "data": [{
      "value": 0
    }, {
      "value": 1
    }, {
      "value": 0
    }, {
      "value": 0
    }, {
      "value": 0
    }]
  }]
};

var array = [];

$.each(obj.dataset[0].data,function(i,v){
array.push(obj.dataset[0].data[i].value);
});

console.log(array);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Теперь передайте значения в данные:

 series: [
     {
        name: 'paketNo',
        dataFormat: 'json',
        data: array
      }
    ]