此代码html表:
<table id="data-highcart"><tr><td>Buah</td><td>Nilai</td></tr>
<tr><td>Jeruk</td><td>2</td></tr>
<tr><td>Mangga</td><td>5</td></tr>
<tr><td>Total</td><td>7</td></tr></table>
表中的总数如何不出现在高图中?
请帮助我,
此代码高亮显示我,
$("#data-highcart").highcharts({
data: {
table: document.getElementById(table),
startColumn: 0,
endColumn: 1
},
chart: {
type: 'column'
},
title: {
text: "Statistik"
},
yAxis: {
allowDecimals: false,
title: {
text: textColom
}
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.point.y +' '+ this.point.name.toLowerCase();
}
}
});
答案 0 :(得分:1)
假设总数始终是最底行,您可以使用endRow
option将其排除。
它执行以下操作:
* - endRow : Integer
* In tabular input data, the last row (indexed by 0) to use. Defaults to the last row
* containing data.
在您的简单示例中,这意味着要添加:
data: {
endRow: 2
}
对于更高级的案例,您可以使用javascript计算并以这种方式插入:
data: {
endRow: $('#data-highcart tr').length-2
}
如果有任何不清楚的地方,请参阅this JSFiddle example。