thế nào để ẩn highchart x - trục dữ liệu giá trị

Question

Tôi vẽ một biểu đồ thanh sử dụng highchart.js

Tôi không muốn hiển thị x - giá trị dữ liệu trục.

Mọi người có thể cho tôi biết tùy chọn nào không?
đầy đủ cấu hình:

var chart = new Highcharts.Chart({ 
       chart: { 
        renderTo: container, 
        defaultSeriesType: 'bar' 
       }, 
       title: { 
        text: null 
       }, 
       subtitle: { 
        text: null 
       }, 
       xAxis: { 
        categories: [''], 
        title: { 
         text: null 
        }, 
        labels: {enabled:true,y : 20, rotation: -45, align: 'right' } 

       }, 
       yAxis: { 
        min: 0, 
        gridLineWidth: 0, 
        title: { 
         text: '', 
         align: 'high' 
        } 
       }, 
       tooltip: { 
        formatter: function() { 
         return ''; 
        } 
       }, 
       plotOptions: { 
        bar: { 
         dataLabels: { 
          enabled: true 
         }, 
         pointWidth: 35, 
         color: '#D9CDC1' 
        } 
       }, 
       legend: { 
        enabled: false 
       }, 
       credits: { 
        enabled: false 
       }, 
       series: [{ 
        name: 'Year 1800', 
        data: [107] 
       }] 
      }); 

Answer 1

Trong HighCharts, đồ thị thanh sử dụng rìu ngược, vì vậy trục đáy thực sự là trục Y. (Xem thêm "cột" đồ thị mà đồ họa có thể xoay 90 độ, trong trường hợp trục chốt là trục X).

Bạn cần phải thêm dòng sau vào cấu hình yAxis

labels: 
{ 
    enabled: false 
} 

Xem sau ví dụ đầy đủ: http://jsfiddle.net/k5yBj/433/

Answer 2

để ẩn nhãn trên trục X đặt tùy chọn labels: {enabled:false} như thế này:

..... 
    ........ 
    , 
        xAxis: { 
         categories: [''], 
         title: { 
          text: null 
         }, 
         labels: { 
         enabled:false,//default is true 
         y : 20, rotation: -45, align: 'right' } 

        } 


..... 
.... 

Để ẩn nhãn trên trục y thiết lập các tùy chọn labels: {enabled:false} như thế này:

..... 
....... 
, 
       yAxis: { 
        min: 0, 
        gridLineWidth: 0, 
        title: { 
         text: '', 
         align: 'high' 
        }, 
        labels:{ 
         enabled:false//default is true 
        } 
       }, 
......... 
...... 

Refer the documentation cho sự hiểu biết thêm tác.

Answer 3

Nếu ẩn x dữ liệu, sau đó xem xét điều này https://jsfiddle.net/anrilafosel/3g4z5kc3/

chart.xAxis[0].setCategories(newCategories); 
for (i = 0; i < chart.series.length; i++) { 
    var newData = []; 
    for (j = 0; j < toggler_hc13.length; j++) 
    if (toggler_hc13[j] === 1) 
     newData.push(series_hc13[i].data[j]); 
    chart.series[i].setData(newData); 
}