charts - hichart の xAxis に 0-10,10-20 などのデータポイントを表示する方法

Question

xAxis に 0-10,11-20… のようなデータポイントを表示したい。次の例を確認してください。したがって、hichartでこれに関するプロパティまたはリンクを提案してください

グラフの種類: 縦棒グラフ

ツール：ハイチャート

Answer 1

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>