图表显示了 3 个系列的数据,但是我想添加 Xaxis 数据,代码是:
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
但是我如何将它添加到我使用函数的代码中。我想添加一个包含数据的类别['Jan', 'Feb', 'Mar', 'Apr] 等...
进入这段代码:
$(".test").change(function() {
var value = this.getAttribute("value");
while (chart.series.length > 0) {
chart.series[0].remove(true);
}
if (value == 'a') {
chart.yAxis[0].setTitle({ text: "data" });
chart.addSeries({
name: 'Rainfall11',
type: 'column',
color: '#08F',
data:[100, 200, 300, 400, 100, 200]
});
chart.addSeries({
name: 'Rainfall2',
type: 'column',
color: '#808000',
data:[100, 200, 300, 400, 100, 200]
});
chart.addSeries({
name: 'Rainfall3',
type: 'column',
color: '#FFA500',
data:[100, 200, 300, 400, 100, 200]
});
每个系列应该有不同的 Xaxis...
jfiddle:http://jsfiddle.net/VnCgx/1/
最佳答案
你需要像这样添加
chart.xAxis[0].update({categories: ['Jan', 'Feb'], etc
完整代码如下
if (value == 'a') {
chart.xAxis[0].update({categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']});
chart.yAxis[0].setTitle({ text: "kHw" });
// if(chart.series.length>=2)
// chart.series[1].remove();
chart.addSeries({
name: 'Rainfall11',
type: 'column',
color: '#08F',
data:[100, 200, 300, 400, 100, 200, 0, 0, 0, 0, 0, 0]
});
// chart.series[1].remove();
chart.addSeries({
name: 'Rainfall2',
type: 'column',
color: '#808000',
data:[100, 200, 300, 400, 100, 200, 0, 0, 0, 0, 0, 0]
});
chart.addSeries({
name: 'Rainfall3',
type: 'column',
color: '#FFA500',
data:[100, 200, 300, 400, 100, 200, 0, 0, 0, 0, 0, 0]
});
关于javascript - 在每个系列 Highcharts 中添加 Xaxis 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17445608/