Highcharts创建简单的水平条形图

时间:2016-05-09 10:20:14

标签: javascript highcharts bar-chart

我正在尝试创建一个简单的highcharts条形图,与此example不同,我只需要x轴上的类别和y轴上的值,每个类别都有一个条形图,而不会堆叠它们。所以基本上我所说的是例如类别香蕉,苹果,橙子,并且对于每个类别的项目数量,100个香蕉,50个,苹果等,而不对人进行进一步分类,如所示的示例。我正在尝试并浏览文档以了解如何设置这种设置的选项,但我没有得到任何地方,所以只是想知道是否有人知道如何设置它。

$(function () {
$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Total fruit consumption'
        }
    },
    legend: {
        reversed: true
    },
    plotOptions: {
        series: {
            stacking: null
        }
    },
    series: [{
        name: 'John',
        data: [5, 3, 4, 7, 2]
    }, {
        name: 'Jane',
        data: [2, 2, 3, 2, 1]
    }, {
        name: 'Joe',
        data: [3, 4, 4, 2, 5]
    }]
});

});

0 个答案:

没有答案