HighCharts - getJson到HighCharts双轴

Question

我想通过调用本地HighCharts来显示一个Json双轴图，它返回Json(下面给出的示例)。

HighChart应该绘制以下数据点：

• Y轴向左:绘制“运动”图
• Y轴向右:绘制“EndValue”
• X轴:绘制“DateLabel”

我的Json网络服务电话：http://localhost/api/getData?format=jsonp

这将返回以下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


       }
    ]
  }
}

调用webService所需的jquery代码(我想使用getJson) --将JSON输出转换为所需的HighCharts数据，这样就可以显示一个双轴图

Answer 1

要获得JSON，可以使用jQuery.ajax()函数。至于将数据分成两个系列，链接到不同的yAxis，您需要解析数据。看看下面的例子。

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/