javascript - Highcharts Type条形图-如何为每个条形图设置不同的开始

Question

我有条形图，其中我希望每个条形图开始不同的值。现在它们都从0开始。我只知道如何改变起点，这对每个人来说都是一样的。就像所有人都从1开始看。

但我需要第一个是1-2，第二个是1-4，第三个是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

这就是columnrange图表类型的用途：

• 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/

Answer 2

可能的解决方案是使条形图“堆叠”，并在将设置偏移量的序列中添加新的数据数组，然后使它们“不可见”：

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能更好地解释它。