在每个系列高图中添加 Xaxis 数据答案

【问题标题】：adding Xaxis data in each series highchart在每个系列高图中添加 Xaxis 数据
【发布时间】：2013-07-03 10:28:46
【问题描述】：

图表显示了 3 个数据系列，但是我想添加 Xaxis 数据，代码是：

 xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov',     'Dec']
    },

但是我将如何将它添加到我使用过函数的代码中。我想添加一个包含数据的类别['Jan', 'Feb', 'Mar', 'Apr] etc...

进入这段代码：

   $(".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/

【问题讨论】：

标签： javascript highcharts

【解决方案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]             
        });

【讨论】：

【解决方案2】：

你也可以使用 setCategories http://api.highcharts.com/highcharts#Axis.setCategories()

【讨论】：

【解决方案3】：

只需将 x 轴值添加为

  var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
         xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
    });

参考这个。 http://jsfiddle.net/Bhaarat/VnCgx/5/

【讨论】：