2013-08-01 100 views
1

我有一個堆疊列和2個樣條的highcharts。主yAxis表示堆積列的y值,次yAxis表示2個樣條。看看demo,其中一條樣條的y值顯示不正確。如果將鼠標懸停在樣條上的點上,則可以看到數據是正確的,但顯示的y比例不是。如果我註釋掉「疊加:正常」設置,則樣條顯示正確。highcharts堆疊列和樣條線搞砸了yAxis顯示

http://jsfiddle.net/chicmob/w2Tux/

這是一個highcharts錯誤或者是有一些其他的設置我忽略了?

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

    plotOptions: { 
     series: { 
      stacking: 'normal' 
     } 
    }, 
    yAxis: [{ // Primary yAxis 
     min: 0, 
     max: 400, 
     tickInterval:100, 
    }, { // Secondary yAxis 
     min: -40, 
     max: 100, 
     tickInterval: 20, 
     opposite : true, 
    }],   

    series: [{ 
     yAxis : 0, 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }, { 
     yAxis : 0, 
     data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2] 
    }, {  
     yAxis : 1, 
     type : 'spline', 
     data: [35, 60, 77, 56.7, 34, 55, 66, 72, 90, 45, 56, 60] 
    } , {  
     yAxis : 1, 
     type : 'spline', 
     data: [24.3, 12, 41.2, 12.1, 4, 45, 31, 21.5, 9.3, 7.7, 13, 22] 
    }] 

回答

1

您正在對所有系列應用堆疊:「正常」。當真的,你只想把它應用到1st 2系列。以堆疊: '正常' 了plotOptions,並把它放在第一個2系列:

$('#container').highcharts({ 
    chart: { 
     type: 'column' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    yAxis: [{ // Primary yAxis 
     min: 0, 
     max: 400, 
     tickInterval:100 
    }, { // Secondary yAxis 
     min: -40, 
     max: 100, 
     tickInterval: 20, 
     opposite : true 
    }],   

    series: [{ 
     yAxis : 0, 
     stacking: 'normal', 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }, { 
     yAxis : 0, 
     stacking: 'normal', 
     data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2] 
    }, {  
     yAxis : 1, 
     type : 'spline', 
     data: [35, 60, 77, 56.7, 34, 55, 66, 72, 90, 45, 56, 60] 
    } , {  
     yAxis : 1, 
     type : 'spline', 
     data: [24.3, 12, 41.2, 12.1, 4, 45, 31, 21.5, 9.3, 7.7, 13, 22] 
    }] 
}); 

http://jsfiddle.net/w2Tux/2/

+0

謝謝芭芭拉! –

+0

Tnx!來自Highcharts的例子想念yAxis:0,1 – Quake1TF