Wie kann ich die Breite der Balken in einem Highchart ändern?

Question

Oct 24, 2012, 11:38 PM

Wie kann ich die Breite der Balken in einem Highchart ändern?

Mit einem Balkendiagramm wiediesesEs ist möglich, die Breite der Balken zu ändern, um ein anderes Datenattribut darzustellen, beispielsweise das Gewicht der Früchte. Je schwerer die Früchte sind, desto dicker ist der Riegel.

Du spielst mit dem DrehbuchHier. Ich bin offen für andere Javascript-Zeichnungsbibliotheken, die dies tun könnten, solange sie frei sind.

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            title: {
                text: 'Column chart with negative values'
            },
            xAxis: {
                categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.series.name +': '+ this.y +'';
                }
            },
            credits: {
                enabled: false
            },
            series: [{
                name: 'John',
                data: [5, 3, 4, 7, 2]
                // I would like something like this (3.5, 6 etc is the width) :
                // data: [[5, 3.4], [3, 6], [4, 3.4], [7, 2], [2, 5]]
            }, {
                name: 'Jane',
                data: [2, -2, -3, 2, 1]
            }, {
                name: 'Joe',
                data: [3, 4, 4, -2, 5]
            }]
        });
    });

});