0

スクロールを有効にしているときに、x 軸に (x 軸ラベル) として表示される追加の数字を削除する方法。 コードサンプル: jsfiddle

JS コード: 

var chart = new Highcharts.Chart({

chart: {
    renderTo: 'container',
    type:'column'
},

xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    max: 8
},


scrollbar: {
    enabled: true
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2]
}]
});

結果の画像:

ここに画像の説明を入力

注:最大値を 3 に変更しないでください (max:3 など)。

4

1 に答える 1

3

1 つのアイデアは、ティックの位置を設定するために tickPositions 配列を使用することです。

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    max: 8,
    tickPositions: [0, 1, 2, 3]
  },

ここで、それがどのように機能するかの例を見つけることができます: http://jsfiddle.net/fj6d2/3783/

もう 1 つのアイデアは、ラベルにカテゴリ文字列がない場合、ラベル フォーマッタを使用して空の文字列を返すことです。

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr'],
    max: 8,
    labels: {
      formatter: function() {
        return typeof this.value !== 'number' ? this.value : ''
      }
    }
  },

http://jsfiddle.net/fj6d2/3785/

もう 1 つのアイデアは、Raghuveer が提案したように、category 配列に空の文字列を入力することです。

http://jsfiddle.net/fj6d2/3786/

于 2016-08-30T08:30:57.677 に答える