Làm cách nào để bạn xóa trục x khỏi biểu đồ thanh do API hình ảnh hóa của Google tạo ra?

Question

Đề cập đến các loại biểu đồ trình bày ở đây: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

Có vẻ như không phải là một công tắc đơn giản, và thay đổi màu sắc trục sang màu trắng (trên nền trắng) dường như không làm gì cả. Tôi thậm chí đã thử jquery để ẩn các selectors được sản xuất bởi api đầu ra nhưng không có con xúc xắc.

Answer 1

API của họ không có chức năng này thực sự, nhưng:

chart.draw(data, 
    { 
     width: 400, 
     height: 240, 
     is3D: true, 
     legend :'none', 
     axisFontSize : 0 
    }); 

Thiết axisFontSize 0 sẽ xoá dữ liệu trục x của bạn. :)

Answer 2

axisFontSize: 0 sẽ loại bỏ trục x và trục y dữ liệu

Answer 3

Check-out http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

Axis Label Styles chxs "axis_or_tick"

Bạn sẽ nhận thấy tài liệu này: "_ - (Gạch dưới) Vẽ đường trục cũng như dấu tick. Nếu bạn muốn ẩn một đường trục, hãy sử dụng giá trị này. "

Ví dụ: 'chxs = 0,, 0,0, _'

Answer 4

Google thay đổi API quá nhanh, đây là những gì làm việc ngày hôm nay:

chart.draw(daily, { 
    hAxis : {textColor: '#ffffff'}, 
    [... your other options here ...] 
}); 

Answer 5

Bạn có thể đặt hAxis.textPosition với giá trị của 'none'

Ví dụ:

var options = { 

       hAxis: { textPosition: 'none' }, 
      }; 

chart.draw(data, options); 

Xem https://developers.google.com/chart/interactive/docs/gallery/barchart#Configuration_Options

Answer 6

Tôi đã có thể xóa nhãn trong phiên bản tài liệu của biểu đồ bằng cách xóa chuỗi trong mục dữ liệu của tôi.

Trước:

data.addColumn('string', 'Date'); 

Sau:

data.addColumn('string', ''); 

Answer 7

let options = {legend: { position: 'none' }};