Question

图表显示了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/

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

Answer 2

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

Answer 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/

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

3 个答案: