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

Question

我想在 xAxis 上显示像 0-10,11-20... 这样的数据点。请检查以下示例。所以请在 hichart

中为我建议任何属性或 link

图表类型：柱形图

工具：图表

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>

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

how to display data-point like 0-10,10-20..etc on xAxis in hichart

charts

highcharts

column-chart