javascript - ハイチャート X 軸のラベルをテキストとして表示

Question

このフィドルでは、シリーズ データを変更せずに、x 軸のラベルをテキストとして表示することは可能ですか。つまり、JSON からラベルを分離してカテゴリに提供すること{"apple","orange","mango"}なく、小数の代わりに表示できますか。{0,1,2}

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {

            labels: {
                enabled: true
            }
        },

        series: [{
            data: [["apple",29.9], ["orange",71.5], ["mango",106.4]]        
        }]
    });
});

Answer 1

これを試して：

 $(function () {

var seriesData = [["apple",29.9], ["orange",71.5], ["mango",106.4]];     
$('#container').highcharts({
    chart: {
    },
    xAxis: {
        tickInterval: 1,
        labels: {
            enabled: true,
            formatter: function() { return seriesData[this.value][0];},
        }
    },

    series: [{
        data: seriesData     
     }]
  });
});

デモを見る

Answer 2

catgoriesで使用できますxAxis

xAxis: {
    categories: ["apple", "orange", "mango"],
}

あなたのフィドルを更新しました: http://jsfiddle.net/Lq6me/1/

カテゴリを使用したくない場合は、

labels: {
    formatter: function() {}
}