Highcharts Как передать данные с сервера на диаграмме

Question

Это код из примера Highcharts:

$(document).ready(function() { 
      $(function() { 
       $('#container').highcharts({ 
        chart: { 
         type: 'column', 
         margin: 75, 
         options3d: { 
          enabled: true, 
          alpha: 10, 
          beta: 25, 
          depth: 70 
         } 
        }, 
        title: { 
         text: '@Model.FirstName' 
        }, 
        plotOptions: { 
         column: { 
          depth: 25 
         } 
        }, 
        xAxis: { 
         categories: Highcharts.getOptions().lang.shortMonths 
        }, 
        yAxis: { 
         title: { 
          text: null 
         } 
        }, 
        series: [{ 
         name: 'Sales', 
         data: [2, 3, null, 4, 0, 5, 1, 4, 6, 3] 
        }], 
        credits: { 
         enabled: false 
        }, 
       }); 
      }); 
     }); 

Я хочу передать ряд «данных: [2, 3, нуль, 4, 0, 5, 1, 4 , 6, 3] "и категории:" Highcharts.getOptions(). Lang.shortMonths "с сервера. Как мне это сделать?

Answer 1

Вы можете запросить данные с помощью Ajax и вызвать chart.addSeries

function requestData() { 
    $.ajax({ 
     url: 'myserverurl', 
     type: "GET", 
     dataType: "json", 
     success: function(data) { 
      chart.addSeries({ 
       name: "somename", 
       data: data.mydata 
      }); 
     }, 
     cache: false 
    }); 
}