javascript - ハイチャート - タイプバー - 各バーの異なる開始を設定する方法

Question

私は棒グラフを持っています。今、彼らはすべて0から始まります。私は開始点を変更する方法しか見つけませんでした。それはそれぞれの場合に同じです。すべての人のように1

しかし、私は最初の1-2、2番目：1-4と3番目：7-10のように描画する必要があります。 異なるケースでどのように変更できますか？

var chart = new Highcharts.Chart({ 
chart: { 
     type: 'bar', 
     renderTo: 'container' 
}, 
xAxis: { 
     categories: ['First', 'Second', 'Third'] 
}, 
series: [{ 
     data: [{ 
      name: 'Point 1', 
      y: 2 
     }, { 
      name: 'Point 2', 
      y: 4 
     }, { 
      name: 'Point 3', 
      y: 10 
     }] 
}] 
}); 

Answer 1

可能な解決策は、あなたの棒グラフ「スタッキング」を作成し、オフセットが設定されますあなたのシリーズに新しいデータ配列を追加し、それら「見えない」ようにすることです：

plotOptions: { 
    series: { 
    stacking: 'normal' 
    } 
}, 
series: [{ 
    data: [{name: 'Point 1', y: 2}, 
      {name: 'Point 2', y: 4}, 
      {name: 'Point 3', y: 10}] 
    },{ 
    data: [{name: 'Point 1', y: 2}, 
      {name: 'Point 2', y: 4}, 
      {name: 'Point 3', y: 10}], 
    color: 'white', 
    enableMouseTracking:false, 
    showInLegend: false 
}] 

私はthis exampleを願っていますそれを説明しますより良い

columnrangeチャートタイプが何のためにあるのかだ

Answer 2

：

• http://www.highcharts.com/demo/columnrange

その代わりに、列のバーにするためにinvertedプロパティを使用します。

• http://api.highcharts.com/highcharts/chart.inverted）

例：

chart: { 
     type: 'columnrange', 
     inverted: true 
    } 

フィドル：

• http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/columnrange/