如何访问高图表工具提示中的任何特定数据
How to access any particular data in highchart tooltip?
我正在使用高图来显示图形。
我在工具提示中显示时间时遇到问题。
如果我在seriesdata对象的数据对象中发送时间,它会正确显示,但不会反过来。
var renderchart = function (seriesData) {
chart = new Highcharts.Chart({
chart: {
renderTo: 'barGrpahcontainer',
type: 'bar',
backgroundColor: '#d3d3d3',
animation: false
},
title: {
text: ''
},
xAxis: {
opposite: false,
categories: null,
title: {
text: ''
},
labels: {
enabled:false
}
},
yAxis: {
min: 0,
gridLineWidth: 0,
minorGridLineWidth: 0,
title: {
text: ''
},
opposite: true
},
legend: {
enabled: false
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' + this.y + '<br/>' + 'Time: ' + this.time;
}
},
plotOptions: {
series: {
stacking: 'normal',
pointWidth: 20
}
},
series: seriesData
});
}
var dataArray = [{"status":"Program Running","y":0.08,"color":"#01BC01","time":"00:13:47"},{"status":"Program Stopped","y":0.02,"color":"#FEC201","time":"00:03:41"},{"status":"Program Running","y":0.04,"color":"#01BC01","time":"00:07:36"},{"status":"Program Stopped","y":0.0,"color":"#FEC201","time":"00:00:28"},{"status":"Program Running","y":0.0,"color":"#01BC01","time":"00:00:14"},{"status":"Program Stopped","y":0.04,"color":"#FEC201","time":"00:07:45"},{"status":"Program Running","y":0.21,"color":"#01BC01","time":"00:37:43"},{"status":"Program Stopped","y":0.0,"color":"#FEC201","time":"00:00:47"},{"status":"Program Running","y":0.13,"color":"#01BC01","time":"00:24:00"},{"status":"Program Stopped","y":0.01,"color":"#FEC201","time":"00:01:55"},{"status":"Program Running","y":0.04,"color":"#01BC01","time":"00:07:36"},{"status":"Program Stopped","y":0.0,"color":"#FEC201","time":"00:00:19"},{"status":"Program Running","y":0.0,"color":"#01BC01","time":"00:00:16"},{"status":"Program Stopped","y":0.05,"color":"#FEC201","time":"00:08:52"},{"status":"Program Running","y":0.21,"color":"#01BC01","time":"00:37:46"},{"status":"Program Stopped","y":0.02,"color":"#FEC201","time":"00:02:53"},{"status":"Program Running","y":0.13,"color":"#01BC01","time":"00:24:03"},{"status":"Program Stopped","y":0.02,"color":"#FEC201","time":"00:03:24"},{"status":"Program Running","y":0.04,"color":"#01BC01","time":"00:07:50"},{"status":"Program Stopped","y":0.0,"color":"#FEC201","time":"00:00:11"},{"status":"Program Running","y":0.0,"color":"#01BC01","time":"00:00:09"},{"status":"Program Stopped","y":0.0,"color":"#FEC201","time":"00:00:21"},{"status":"Program Running","y":0.0,"color":"#01BC01","time":"00:00:20"},{"status":"Program Stopped","y":1.67,"color":"#FEC201","time":"05:00:27"},{"status":"NO DATA","y":5.26,"color":"#444849","time":"15:47:37"}]
$(function () {
var data = dataArray;
var seriesData = [];
var total = 0;
var i, cat;
var count = 0;
for (i = 0; i < data.length; i++) {
seriesData.push({
name: data[i].status,
data: [data[i].y],
color: data[i].color,
time: data[i].time
});
}
var chart;
$(document).ready(function () {
renderchart(seriesData)
});
});
原因是参数,它保存在this.series.options.time
而不是this.time
中。
固定格式器:
tooltip: {
formatter: function() {
return '<b>' + this.series.name + '</b><br/>' +
this.y + '<br/>' +
'Time: ' + this.series.options.time;
}
},
演示:
- http://jsfiddle.net/vwdzxawv/
相关文章:
- 函数参数中的数据与指定变量之间的任何性能差异
- 如何访问高图表工具提示中的任何特定数据
- 在javascript中调用函数/对象引用时,可容纳任何数据类型
- php函数的XMLHttpRequest响应不包含任何数据
- Node JS,传统的数据结构?(如Set等),任何类似Java.util的node
- 如何将按钮的数据属性设置为输入[type=text]中设置的任何值
- 如何检查数据表是否有任何包含字符串的行并获取它的行索引
- 识别值是否与 jqGrid 数据中的任何键匹配的正确方法是什么?
- select2 使用 AJAX 加载数据不能选择任何选项
- 是从画布获取图像数据的任何方法,从远程视频中提取
- 为什么为我的数据表设置类没有任何作用
- Javascript-Ajax 无法发送任何数据
- 如何从NodeJsServer的查询字符串中获取id或任何变量数据
- 使用 .models canjs 进行转换时无法获取任何原始数据
- 仅在 Tag-it 中为获取的数据创建标记.js希望验证任何外部数据的创建标记
- 在英特尔 XDK 中使用 Cordova SQLite 获取数据没有任何内容
- 使用chromeapi无法从hid设备获取任何输入数据
- 如何动态重新加载任何slickgrid数据视图
- getJSON警报未返回任何内容-数据问题
- API不从ajax调用中获取任何post数据