HighCharts Ẩn tên sê-ri khỏi Chú giải


83

Tôi cố gắng giải quyết vấn đề này vài lần và bỏ cuộc. Bây giờ, khi tôi đã gặp lại anh ấy, tôi quyết định nhờ một số người giúp đỡ.

Tôi có mã này cho Huyền thoại của mình:

legend:
{
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -10,
    y: 100,
    borderWidth: 0,
    
    
    
    labelFormatter: function() 
    {
        if(this.name!='Series 1')
        {
            return this.name;
        }
        else
        {
            return 'Legend';
        }
    }
}

Nếu tôi thay đổi trở lại từ 'Chú giải' thành '', văn bản không được hiển thị nhưng vẫn có 'dấu gạch ngang' trên đầu chú giải. Nếu tôi không sử dụng chức năng định dạng nhãn, tôi có 'Dòng 1' + 'gạch ngang' giống như hàng đầu tiên trong chú giải của tôi. Làm thế nào để ẩn chúng?

Xin lưu ý phiên bản của tôi là: Highcharts-2.0.5

Đây là một cái nhìn đơn giản về chú giải của tôi và dấu gạch ngang mà tôi muốn xóa:

Hình ảnh mẫu

Câu trả lời:


209

Nếu bạn không muốn hiển thị tên sê-ri trong chú giải, bạn có thể tắt chúng bằng cách cài đặt showInLegend:false.

thí dụ:

series: [{
   showInLegend: false,             
   name: "<b><?php echo $title; ?></b>",
   data: [<?php echo $yaxis; ?>],
}]

Bạn nhận được các tùy chọn khác ở đây.


sử dụng "showInLegend: false" thực sự đã khắc phục được sự cố của tôi. Tôi tự hỏi nếu tùy chọn này chỉ ẩn tên sê-ri, vì chú giải vẫn đang hiển thị dữ liệu (như tôi muốn).
gotqn

Giả sử nếu các tùy chọn này được bật thì nó sẽ hiển thị rõ ràng, vì vậy chúng được bật theo mặc định. nếu không cần họ loại bỏ nó. đó là những gì bạn đã làm ở đây.
vkGunasekaran

18

Đặt showInLegend thành false.

series: [{
            showInLegend: false,
            name: 'Series',
            data: value                
        }]

6

Có vẻ như HighChart 2.2.0 đã giải quyết vấn đề này. Tôi đã thử nó ở đây với cùng một mã bạn có và loạt đầu tiên hiện bị ẩn. Bạn có thể thử nó với HighChart 2.2.0 không?



1

showInLegendlà một tùy chọn dành riêng cho bộ truyện có thể ẩn bộ truyện khỏi chú giải. Nếu yêu cầu là ẩn hoàn toàn các huyền thoại thì tốt hơn là sử dụng thuộc enabled: falsetính như hình dưới đây:

legend: { enabled: false }

Thông tin thêm về legendở đây

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.