Highcharts图表栏-如何在图表中显示,只显示HTML表中的一列
Highcharts Chart Bar - How can I display in the chart, only one column from my HTML table?
我得到了一个条形图,它从页面中的HTML表中提取数据。http://www.highcharts.com/demo/column-parsed
如果我们按照上面的例子,Johncomcolumn。。。
这是构建serias 的代码
// the categories
options.xAxis.categories = [];
$('tbody th', table).each( function(i) {
options.xAxis.categories.push(this.innerHTML);
});
// the data series
options.series = [];
$('tr', table).each( function(i) {
var tr = this;
$('th, td', tr).each( function(j) {
if (j > 0) { // skip first column
if (i == 0) { // get the name and init the series
options.series[j - 1] = {
name: this.innerHTML,
data: []
};
} else { // add values
options.series[j - 1].data.push(parseFloat(this.innerHTML));
}
}
});
});
为了达到最后一个,我尝试只读取等于2的列,但没有成功
if (j == 2) { ... }
希望有人能比我有更好的答案。什洛米。
试试这个:
options.series = [];
$('tr', table).each( function(i) {
var tr = this;
$('th, td', tr).each( function(j) {
if (j == 2) { // get only column 2
if (i == 0) { // get the name and init the series
options.series[0] = {
name: this.innerHTML,
data: []
};
} else { // add values
options.series[0].data.push(parseFloat(this.innerHTML));
}
}
});
});
您需要检查j == 2
,以便只获得第2列中的数据,然后在创建options.series
阵列时,您需要使用0
-Highcharts至少需要series[0]
中的数据
此处的工作示例
相关文章:
- ¿如何每天只显示一次特定的容器
- 谷歌图表在运行应用程序时只能显示一次
- 柱状图后面的一列
- 数据表通过分析一列的值对其进行排序
- 如何仅在ui-grid.js中显示特定列
- 点击时的qtip2只显示一次
- 当我的条件为true时,显示一条弹出消息
- Datatables-如何在未显示所有列的情况下禁用表中最后一列的排序
- 获取表中每行的一列的内容,然后循环访问每个内容
- 对象数组-与其他列数据相比,增加一列
- 我的砖石图像只显示在一列中
- 剑道网格 - 如何使网格默认按一列显示分组数据 (init)
- 如何根据请求制作一列表格以动态显示 jsp
- Highcharts图表栏-如何在图表中显示,只显示HTML表中的一列
- 富数据表突出显示JSF中的一列,并且一次只突出显示一列
- JQuery Tablesorter:当另一列排序时显示
- 最后一列不总是显示在html表内bootstrap塌陷元素时,使用chrome浏览器
- IE9中的同位素显示在一列中
- 如何从mysql数据库中删除一列,当它显示在一个jquery对话框与ajax的while循环
- 我如何才能显示devexpress gridview的两列值之间的差异到另一列