Javascript - Highcharts - Typ Bar - Wie für jeden Balken unterschiedliche Start

Question

Ich habe Balkendiagramm, in dem ich will, dass jeder Balken einen anderen Wert zu starten. Jetzt beginnen sie alle bei 0. Ich habe nur herausgefunden, wie man den Startpunkt ändert, das wäre für jeden gleich. Wie alle starrt von 1.

Aber ich brauche die erste, um wie 1-2, Sekunde: 1-4 und Third zu zeichnen: 7-10. Wie kann ich es für verschiedene Fälle variieren?

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

die mögliche Lösung ist Ihr Balkendiagramm ‚Stapeln‘ zu machen und neue Datenfeld zu Ihrer Serie eintragen wo Offsets eingestellt werden und dann machen sie „unsichtbar“:

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 
}] 

Ich hoffe this example wird erklären, es besser

Answer 2

das ist, was die columnrange Diagrammtyp ist für:

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

Verwenden Sie die inverted Eigenschaft, um es eine Bar anstelle einer Spalte zu machen:

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

Beispiel:

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

Fiddle:

var Menschen = [ 'Leute1', '', '', '', 'People2', '', '':

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