HighCharts - getJsonをHighChartsのデュアル軸に

Question

JCEを返すローカルWebServiceを呼び出すことによって、HighChartsのデュアル軸チャートを表示したいとします（下記の例を参照）。

HighChartは、次のデータ点をプロットする必要があります。

• y軸は左：プロット '運動'
• y軸右：プロット 'endValueの'
• x軸：プロット'DateLabel'

私のJSON Webサービスの呼び出し：http://localhost/api/getData?format=jsonp

これはfolloを返します。翼JSON：

{ 
    "LastUpdated": "/Date(-62135596800000-0000)/", 
    "TotalTime": "0s584ms", 
    "MonthlyData": { 
    "GroupId": 9, 
    "CurrencyId": 3, 
    "Returns": [ 
     { 
     "Movement": -0.008536959525287496, 
     "MovementLabel": "-0.85 %", 
     "DateLabel": "Jan-10", 
     "Date": "/Date(1264892400000-0000)/", 
     "EndValue": 16012000.007666545 
     }, 
     { 
     "Movement": -0.04846365302964577, 
     "MovementLabel": "-4.85 %", 
     "DateLabel": "Feb-10", 
     "Date": "/Date(1267311600000-0000)/", 
     "EndValue": 15235999.994984308 
     }, 
     { 
     "Value": -0.0034129684178402725, 
     "ValueLabel": "-0.34 %", 
     "DateLabel": "Mar-10", 
     "Date": "/Date(1269986400000-0000)/", 
     "StartValue": 15235999.994984308, 
     "EndValue": 15184000.008187212, 
     "CashFlows": 0 


     } 
    ] 
    } 
} 

に必要なjqueryのコードは何ですか - WebServiceのへの呼び出し（私はgetJsonを使用したい） が作る - 必要なHighChartsデータにJSON出力を変換し、そのような二重軸というグラフを表示することができます

Answer 1

JSONを取得するにはjQuery.ajax()機能を使用できます。異なるyAxisにリンクされた2つのシリーズへの分割データについては、データを解析する必要があります。以下の例を見てください。

APIリファレンス：
http://api.jquery.com/jquery.ajax/
http://api.highcharts.com/highcharts/xAxis.categories
http://api.highcharts.com/highcharts/yAxis.opposite

例：どのような素晴らしい答え
http://jsfiddle.net/dna9wqsg/