Javascript 在每个系列highchart中添加Xaxis数据

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

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

但是我将如何将它添加到我的代码中，因为我已经使用了一个函数。我想添加一个包含数据['1月'，'2月'，'3月'，'4月]等的类别

在此代码中：

   $(".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]             
        });

每个系列应具有不同的X轴

---

jfiddle:

只需将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']
            },
    });

参考这个。

---

只需将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']
            },
    });

参考这个。

---

您需要像这样添加它

 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]             
        });

---

你需要像这样添加它

 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]             
        });

---

还可以使用setCategories

也可以使用setCategories