Javascript HighCharts-getJson到HighCharts双轴
我想通过调用本地Web服务来显示HighCharts双轴图表,该服务返回Json(下面给出的示例) 海图应绘制以下数据点: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,
- y轴左:绘制“运动”
- y轴右侧:打印“EndValue”
- x轴:打印“日期标签”
{
"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值被推入数据中,没有任何问题。示例:。