charts - 如何在 hichart 中的 xAxis 上显示 0-10,10-20..etc 等数据点

Question

我想在 xAxis 上显示 0-10,11-20 等数据点。请检查以下示例。所以请在 hichart 中建议我任何属性或链接

图表类型：柱形图

工具：海图

Answer 1

一种选择是在数据系列中包含类别标签。例如...

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
            type: 'category'
        },
        series: [{
            data: [{
                name: '0-10',
                y: 5,
            }, {
                name: '11-20',
                y: 6,
            }, {
                name: '21-30',
                y: 2,
            }, {
                name: '31-40',
                y: 3
            }],
        }]
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>