Highchart:工具提示的Json数组
Highchart : Json Array For ToolTip
我有一个Json数组如下:
[{"label":"08'/09'/2015 03:15:49 AM","y":0.6,"y1":0.3,"y2":"0.3(XYZ)","y3":"0.6(XYZ)"},
{"label":"03'/09'/2015 04:23:04 AM","y":0.2,"y1":0.4,"y2":0.4,"y3":0.2},
{"label":"02'/09'/2015 12:50:56 AM","y":0.4,"y1":0.4,"y2(XYZ)":0.4,"y3":0.4}]
和我的javascript代码HighChart如下:
for (var i = 0; i < length; i++) {
dataXAxis.push(obj[i].label);
dataPointsLeft.push(obj[i].y);
dataPointsRight.push(obj[i].y1);
dataPointsLeft1.push(obj[i].y2);
dataPointsRight1.push(obj[i].y3);
}
$('#xyz').highcharts({
title: {
text: "Demo",
x: -20 //center
},
xAxis: {
categories: dataXAxis
},
tooltip: {
useHTML: true,
shared: true
},
series: [{
name: "X",
data: dataPointsRight,
color: '#FF0000'
}, {
name: "Y",
data: dataPointsLeft,
color: '#0000FF'
}]
});
现在我的问题是,我想在工具提示中显示"dataPointsLeft1"数组。现在我的工具提示显示与dataPointsLeft数据相同,但我想从"dataPointsLeft1"数组的工具提示上的数据。请尽快告知。
谢谢。
像这样使用push:
dataPointsLeft.push({y: obj[i].y, custom: obj[i].y1});
dataPointsRight.push({y: obj[i].y1, custom: obj[i].y3});
在工具提示中可以使用
tooltip: {
formatter: function () {
var series = this.series;
return this.point.custom;
}
}
参见https://jsfiddle.net/Nishith/gjezx1kq/
相关文章:
- 需要帮助设置json数组
- 如何使用 node.js 比较两个 json 数组
- 根据id将json数组组合为一个json数组
- 如何创建JSON数组
- 如何将package.json数组传递给grunt.js
- 访问json数组中的对象
- JSON数组数据返回Undefined
- 如何向JSON数组动态添加属性
- 如何从json数组中获取特定值
- 从多维嵌套json数组创建下拉列表
- 在ListView中添加JSON数组中存储的图像-ReactNative
- jquery在json数组中循环
- 将 JSON 数组解析为 JavaScript 数组
- 如何在php中读取没有任何键的JSON数组
- 如何在Jquery中迭代JSON数组
- 如何在cycle js中从JSON数组创建组件
- 如何使用jquery返回php-json数组对象
- JSON数组转换为JS对象数组
- 使用System从C#集合创建JSON数组.网状物剧本序列化
- 使用Underscore.js修改json数组中所选元素的更有效方法