Có cách nào để tắt Tiêu đề và Phụ đề trong Bảng phân tích rõ nét không?


108

Tôi chỉ định mã hóa nó bằng cách sử dụng html xung quanh biểu đồ, tôi không muốn sử dụng tích hợp sẵn.

Tôi không thấy tùy chọn "vô hiệu hóa: đúng" trong API.

Ai có thể giúp tôi thoát khỏi đây không.

Làm cách nào để bạn tắt tiêu đề / phụ đề trong biểu đồ cao?

(nếu bạn chỉ để trống văn bản, nó vẫn tạo ra một khoảng trắng ở vị trí tiêu đề, tôi không muốn điều này xảy ra)


4
bạn có thể vui lòng đánh dấu câu trả lời là được chấp nhận không? ;)
Nhựa

Câu trả lời:


159

Đặt văn bản tiêu đề thành một chuỗi trống là cách để làm điều đó.

Không có khoảng trống nào được tạo cho tiêu đề trong trường hợp đó:

không có văn bản: http://jsfiddle.net/jlbriggs/JVNjs/284/

với văn bản: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

Nếu bạn muốn ít không gian hơn còn lại trong trường hợp đó, chỉ cần đặt 'marginTop' của bạn thành 0

{{ chỉnh sửa do nhiều nhận xét :

Như đã chỉ ra một số lần bên dưới, tài liệu hiện nêu text: nulllà phương pháp để đạt được điều này.

Một trong hai phương pháp đạt được kết quả mong muốn.


Bạn có thể xem cái này cho tôi được không? Tôi đã làm tất cả những gợi ý ở đây và vẫn còn là một không gian khổng lồ màu trắng, (xem nút in trôi nổi trong không gian phía trên bên phải?) Goo.gl/jHR5l
D3Chiq

1
Tôi nghĩ rằng tôi có thể đã giải quyết nó. Tôi đã căn chỉnh chú giải của mình lên trên cùng và phần nổi trên chú giải được đặt thành false, nó tạo ra một khoảng trống cho nó ở đó. Tôi đã đặt phần nổi trên huyền thoại thành sự thật và giờ nó đã đẩy phần còn lại của biểu đồ lên cao hơn nữa.
D3Chiq

2
Như đã chỉ ra bên dưới, đặt văn bản thành null là giải pháp được lập thành văn bản.
Tom Hubbard

1
Kể từ phiên bản 5.0.9này là không chính xác. Đặt văn bản để một chuỗi trống tạo ra văn bản tiêu đề mặc định như 'Tiêu đề biểu đồ' và 'Giá trị'.
mwilson

@mwilson Tôi đang xem bản demo từ liên kết trong câu trả lời ở trên, (tại thời điểm nhận xét này) đang sử dụng 5.0.9 và nó vẫn hoạt động với nullhoặc ''. Bạn có thể giải thích hoặc chứng minh không?
jlbriggs

61

Từ tài liệu highcharts :

text: String Tiêu đề của biểu đồ. Để tắt tiêu đề, hãy đặt văn bản thành null. Mặc định cho tiêu đề Biểu đồ.

fiddle: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }

1
Đây là câu trả lời chính xác, không biết tại sao đây không phải là câu trả lời được chấp nhận. Tất cả các giải pháp khác được cung cấp bên dưới chỉ là cách giải quyết.
Gerard

Có thể người dùng đã đặt câu hỏi chỉ cần quên gắn cờ câu hỏi là "được chấp nhận"
Plastic

2
có lẽ vì câu hỏi đã được trả lời một cách thích hợp 6 tháng trước câu trả lời này đã được đăng ...
jlbriggs

"thích hợp"?? ý bạn là gì ?? ;-)
Nhựa

4
Điều này đúng với api "mới". Khi câu hỏi được hỏi, điều này không được hỗ trợ. Vì vậy, cả hai đều có giá trị tùy thuộc vào phiên bản.
TecHunter

40

Tôi thích phương pháp này hơn:

title: {
    text: '',
    style: {
        display: 'none'
    }
},
subtitle: {
    text: '',
    style: {
        display: 'none'
    }
},

2
Đối với phiên bản mới hơn tham khảo câu trả lời từ nhựa với'text: null'
TecHunter


13

Nó đơn giản ... Chỉ đặt văn bản của tiêu đề thành null. Như thế này

    $(function () {
$('#container').highcharts({
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    title: {
        text: null  
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

});

xem @ APIreference: http://api.highcharts.com/highcharts#title.text


1
Căn cứ vào tài liệu, nó sẽ trở thành undefinedvì đây cam kết github.com/highcharts/highcharts/commit/...
foxiris


9

Bạn luôn có thể làm điều này:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Điều đó đã làm việc cho tôi :-)

lưu ý: câu trả lời này dành cho version 2.*, đối với các phiên bản mới hơn thì có câu trả lời tốt hơn.


8

Theo tài liệu Highcharts, cách chính xác là đặt 'văn bản' thành null.


> Tiêu đề của biểu đồ. Để tắt tiêu đề, hãy đặt văn bản thành không xác định.
Ini


3

Trong mã phản ứng tự nhiên bên dưới phù hợp với tôi,

  title: {
    style : {
      display : 'none'
    }
 }

Hy vọng nó sẽ giúp.


2

Chỉ cần viết một đối tượng JSON

title : {
  style : {
    display : 'none'
  }
}

1

Đối với những người sử dụng Typecript, bạn có thể đặt Highcharts.TitleOptions để ẩn tiêu đề biểu đồ.

title: {
  text: undefined
},
subtitle: {
  text: undefined
}


-1

Đây là một chút hack nhưng bạn cũng có thể thử:

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.