Question

我有以下查询，但我很难弄清楚如何创建图表以包含以下查询。有任何想法吗？感谢

date    18-24   25-34   35-44   45-54   55-64   65+
01 Apr  0         0      0       0       0       0
02 Apr  0         0      0       0       0       0
03 Apr  0         0      0       0       0       0
04 Apr  0         0      0       0       0       0

我可以轻松地创建一天的图表，如下所示：

 $('#age').highcharts({
                chart: {
                    height: 204,
                    type: 'column'
                },
                title: {
                    text: '',
                    x: -20 //center
                },
                subtitle: {
                    text: '',
                    x: -20
                },
                xAxis: {
                    categories: ['18-24', '25-34', '35-44', '45-54', '55-64', '65+']
                },
                yAxis: {
                    title: {
                        text: ''
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                credits: false,
                title: false,
                exporting: false,
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'middle',
                    borderWidth: 0
                },
                series: [{
                    name: '%',
                    data: [27.50, 33.50, 15.50, 12.50, 5.50, 5.50]
                }]
            });

Answer 1

只为每个日期制作一个不同的系列，默认情况下，highcharts会group：

http://jsfiddle.net/2o92htLp/

或者您可以指定stacking并改为使用堆叠列，如果更重要的目标是比较总数：

http://jsfiddle.net/2o92htLp/1/

（但如果目标是比较总数，那么最好简单地对它们求和并显示标准柱形图，因为多个系列会增加分心）

有关如何从此输出创建柱形图的任何想法？

1 个答案: