Highcharts：「列寬」的系列差距

我有一系列的列寬圖表。由於每個系列都有不同數量的點，它呈現不等於空白系列之間 - 請參閱http://jsfiddle.net/czQ9e/Highcharts：「列寬」的系列差距

plotOptions: { 
     series: { 
      groupPadding: 0 
     }, 
     columnrange: { 
      grouping: true, 
      dataLabels: { 
       enabled: true, 
       formatter: function() { 
        return this.y + '°C'; 
       } 
      } 
     } 
    }

我想在所有系列獲得平等的差距，即使一些團體已經「失蹤」系列。

我該如何做到這一點？

謝謝

來源

2014-07-23 user2723490

一般來說，Highcharts會爲每一列預留空間，而不僅僅存在。你可以通過將系列分成兩部分來避免這種情況。看例子：http://jsfiddle.net/czQ9e/1/

series: [{ 
     name: 'Temperatures', 
     id: 'temps', 
     color: 'blue', 
     data: [ 
      [-9.7, 9.4], 
      [-8.7, 6.5], 
      [-3.5, 9.4], 
      [-1.4, 19.9], 
      [0.0, 22.6], 
      [2.9, 29.5] 
     ] 
    }, { 
     name: 'Temperatures', 
     linkedTo: 'temps', 
     grouping: false, 
     color: 'blue', 
     data: [ 
      [6, 9.2, 30.7], 
      [7, 7.3, 26.5], 
      [8, 4.4, 18.0], 
      [9, -3.1, 11.4], 
      [10, -5.2, 10.4], 
      [11, -13.5, 9.8] 
     ] 
    }, { 
     name: 'Trend', 
     data: [ 
      [-19.7, 3.4], 
      [-18.7, 6.5], 
      [-3.5, 6.4], 
      [-1.4, 9.9], 
      [-9.2, 12.4], 
      [-3.5, 19.8] 
     ] 
    }]

來源

2014-07-23 09:26:10

謝謝，但不同寬度的酒吧看起來也不好。也許有人可能會建議在繪製圖表後運行修復程序。我想應該有可能使不存在的系列的寬度爲零。 – user2723490

我不這麼認爲。無論如何，在我的解決方案中用'pointPadding'玩弄，例如：http://jsfiddle.net/czQ9e/2/ –

如果這不能解決問題，請附上屏幕截圖，您期望看到。也許我誤解了一些東西:) –

Highcharts：「列寬」的系列差距

回答

相關問題