highcharts分组溢出

Question

我为汽油罐制作了高价图（信用预付款）

我想让每一行都从条形的开头开始，而不是在结尾处分组（添加）。（我不需要有所有数据的总和）

感谢。

    ![var options = {
                chart: {
                    type: 'bar',
                    height: 300,
                    width:420
                },
                title: {
                    text: 'Prepayment'
                },
                yAxis: {
                    gridLineColor: '#eee',
                    title: {
                        text: 'Prepayment'
                    }
                },
                xAxis: {
                    categories: \['Credit'\],
                    labels: {
                        step: 0,
                        rotation: -45,
                        align: 'right'
                    }
                },
                legend: {
                    enabled: true
                },
                tooltip: {
                    shared: true,
                    crosshairs: true
                },
                plotOptions: {
                     series: {
                        stacking: 'normal'
                    }
                },
                credits: {
                    enabled: false
                },
                series: \[{
                    color:'#89C35C',
                    name: 'Current Credit',
                    data: \[10\]                }, {
                    color:'#FFD801',
                    name: 'Warning Threshold',
                    data: \[5\]             }, {
                    color:'#E42217',
                    name: 'Cut-Off Threshold',
                    data: \[1\]             }\],
            };
 $('#container').highcharts(options);][1]

实施例： http://jsfiddle.net/2se5q/

Answer 1

您会在此链接中找到所有解释http://api.highcharts.com/highcharts 如果你只删除“plotOptions：”来回答你的问题你找不到超过一行中图形的总和但是从0开始。

此处：http://jsfiddle.net/2se5q/3/

 plotOptions: {
    series: {
    stacking: 'normal'
 }

Answer 2

我这样做了，其中type = area

http://jsfiddle.net/2se5q/4/

    var options = {
                chart: {
                    type: 'area',
                    height: 300,
                    width:420
                },
                title: {
                    text: 'Prepayment'
                },
                yAxis: {
                    gridLineColor: '#eee',
                    title: {
                        text: 'Prepayment'
                    }
                },
                xAxis: {
                    categories: ['Credit'],
                    labels: {
                        step: 0,
                        rotation: -45,
                        align: 'right'
                    }
                },
                legend: {
                    enabled: true
                },
                tooltip: {
                    shared: true,
                    crosshairs: true
                },
                plotOptions: {
                     series: {
                        stacking: 'normal'
                    }
                },
                credits: {
                    enabled: false
                },
                series: [{
                    color:'#89C35C',
                    name: 'Current Credit',
                    data: [10,10]               }, {
                    color:'#FFD801',
                    name: 'Warning Threshold',
                    data: [5,5]             }, {
                    color:'#E42217',
                    name: 'Cut-Off Threshold',
                    data: [1,1]             }],
            };
 $('#container').highcharts(options);