Ẩn trục và đường lưới vạch Highcharts

Question

Tôi đang cố gắng ẩn trục và đường lưới của biểu đồ Highcharts hoàn toàn. Cho đến nay tôi đã cố gắng thiết lập chiều rộng của các dòng thành 0, nhưng nó không hoạt động.

xAxis: { 
    lineWidth: 0, 
    minorGridLineWidth: 0, 
    lineColor: 'transparent' 
} 

Chỉ có thể vô hiệu hóa toàn bộ các đường trục/ve và đường lưới để tạo một ô "đồng bằng" không?

Answer 1

Chỉ cần thêm

xAxis: { 
    ... 
    lineWidth: 0, 
    minorGridLineWidth: 0, 
    lineColor: 'transparent', 
    ...   
    labels: { 
     enabled: false 
    }, 
    minorTickLength: 0, 
    tickLength: 0 
} 

định nghĩa Xaxis.

Answer 2

Đối với yAxis bạn cũng sẽ cần:

gridLineColor: 'transparent',

Answer 3

bạn cũng có thể ẩn các Gridline trên yAxis như:

yAxis:{ 
    gridLineWidth: 0, 
    minorGridLineWidth: 0 
} 

Answer 4

tôi quản lý để tắt mỏ với chỉ

 lineColor: 'transparent', 
     tickLength: 0 

Answer 5

Nếu bạn không muốn chạm vào đối tượng cấu hình, bạn chỉ ẩn khung bằng css:

.chart-container .highcharts-grid { 
    display: none; 
} 

Answer 6

Nếu bạn có phiên bản lớn hơn v4.9 của Highcharts bạn có thể sử dụng visible: false trong các thiết lập xAxis và yAxis.

Ví dụ:

$('#container').highcharts({ 

    chart: { 
     type: 'column' 
    }, 

    title: { 
     text: 'Highcharts axis visibility' 
    }, 

    xAxis: { 
     visible: false 
    }, 

    yAxis: { 
     title: { 
      text: 'Fruit' 
     }, 
     visible: false 
    } 

}); 

Answer 7

này đã luôn luôn làm việc tốt cho tôi:

yAxes: [{ 
     ticks: { 
       display: false; 
       },