Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HighCharts-getJson到HighCharts双轴_Javascript_Jquery_Json_Highcharts - Fatal编程技术网

Javascript HighCharts-getJson到HighCharts双轴

Javascript HighCharts-getJson到HighCharts双轴,javascript,jquery,json,highcharts,Javascript,Jquery,Json,Highcharts,我想通过调用本地Web服务来显示HighCharts双轴图表,该服务返回Json(下面给出的示例) 海图应绘制以下数据点: y轴左:绘制“运动” y轴右侧:打印“EndValue” x轴:打印“日期标签” 我的Json Web服务调用: 这将返回以下Json: { "LastUpdated": "/Date(-62135596800000-0000)/", "TotalTime": "0s584ms", "MonthlyData": { "GroupId": 9,

我想通过调用本地Web服务来显示HighCharts双轴图表,该服务返回Json(下面给出的示例)

海图应绘制以下数据点:

  • y轴左:绘制“运动”
  • y轴右侧:打印“EndValue”
  • x轴:打印“日期标签”
我的Json Web服务调用:

这将返回以下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)
-将JSON输出转换为所需的HighCharts数据,以便可以显示双轴图表

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

API参考:


示例:

多么棒的回答。喜欢在JSON生成器中重新创建JSON的事实&在JSFIDLE中重新创建完整的代码。令人惊叹的!谢谢我很高兴这对你有帮助。干杯您知道为什么不将0值推入图形中吗?如果我按照JSFIDLE查看highChart,零值不会被放入折线图中?怎么会这样?据我所见,0值被推入数据中,没有任何问题。示例:。