0

グラフにはデータを含む 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/

4

3 に答える 3

2

次のように追加する必要があります

 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]             
        });
于 2013-07-03T11:03:48.257 に答える
1

また、setCategories http://api.highcharts.com/highcharts#Axis.setCategories()を使用することもできます

于 2013-07-03T11:10:28.250 に答える
0

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/

于 2013-07-03T10:56:30.650 に答える