2016-09-22 208 views
-1

我想在高圖中的圖表上顯示6個點。現在點可以輕鬆繪製在圖表上,但某些相應的x軸標籤丟失。一些xAxis標籤在Highchart中不顯示:區域圖

我想在不增加圖表寬度的情況下顯示所有的x軸標籤。

here you can see missing x-axis labels

$('#container').highcharts({ 
    chart: { 
     type: 'area', 
     height: 200, 
     width: 300 
    }, 
    title: { 
     text: '' 
    }, 
    subtitle: { 
     text: '' 
    }, 
    credits: { 
     enabled: false 
    }, 
    xAxis: { 
     allowDecimals: false, 
     gridLineWidth: 0 
    }, 
    yAxis: { 
     labels: { 
      enabled: false 
     }, 
     gridLineWidth: 0, 
     visible: false 
    }, 
    legend: { 
     enabled: false 
    }, 
    plotOptions: { 
     area: { 
      marker: { 
       enabled: true, 
       symbol: 'circle', 
       radius: 5, 
       states: { 
        hover: { 
         enabled: true 
        } 
       } 
      }, 
      dataLabels: { 
       enabled: false 
      } 
     } 
    }, 
    tooltip: { 

    }, 
    series: [{ 
     name: '', 
     data: [1, 2, 3, 4, 5, 6] 
    }] 
}); 

這裏是jsfiddle link

我明白任何幫助! :)

+3

https://jsfiddle.net/my2wt3ea/6/使用tickInterval –

+0

@RahulSharma謝謝拉胡爾非常...請在下面添加回答,以便我可以標記爲答案。 –

回答

0

在xAxis中使用tickInterval屬性。集tickInterval如下

xAxis: { 
    tickInterval: 1 
} 

此答案由@Rahul Sharma在上述註釋部分給出