2016-01-21 75 views
0

這是從例如Highcharts代碼: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「。我該怎麼做?

+0

什麼類型的服務器?什麼類型的網站? PHP? 。淨?神奇的祝福? :) –

+0

淨。我只想知道如何通過Highcharts從服務器獲取信息。 – Yuriy

+0

這只是問題的一半。 Highcharts支持通過URL指定數據源,但*需要提供數據*。 :) –

回答

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 
    }); 
} 
相關問題