HighCharts - 条形图 - 像饼图一样的标签?

时间:2014-02-03 18:41:29

标签: highcharts

我想知道是否有人能够使用饼图等标签创建条形图?我需要能够在外面创建标签并为它们创建该行。就像饼图在这里做的那样:

http://www.highcharts.com/demo/pie-basic

我有一个基本的条形图(用它作为进度条)。我需要在外面创建标签,因为这些部分可能会非常小。这是我的JSFiddle:http://jsfiddle.net/rLYj4/5

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: '<b>Total</b><br/><b>$100.00</b>'
        },
        exporting: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        xAxis: {
            labels: {
                enabled: false
            },
            gridLineWidth: 0,
            minorGridLineWidth: 0,
            gridLineColor: 'transparent',
            startOnTick: false
        },
        yAxis: {
            minorGridLineWidth: 0,
            gridLineWidth: 0,
            gridLineColor: 'transparent',
            labels: {
                enabled: false
            },
            title: {
                text: ''
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                return this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }
        },
        plotOptions: {
            series: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: 'white'
                }
            }
        },
        series: [{
            name: 'Category 1',
            data: [50.00]
        }, {
            name: 'Category 2',
            data: [25.00]
        }, {
            name: 'Category 3',
            data: [12.50]
        }, {
            name: 'Category 4',
            data: [12.50]
        }]
    });
});

有谁知道如何做到这一点?

谢谢, 约书亚

1 个答案:

答案 0 :(得分:0)

不幸的是,此选项不受支持,但您可以在网站上发布您的建议:http://highcharts.uservoice.com/forums/55896-general