Highchart ẩn các nút mặc định

Question

Tôi muốn ẩn các nút mặc định ("Xuất" & "In") trong tùy chọn xuất cao cấp.

bạn có thể có bản trình diễn tại http://jsfiddle.net/fXHB5/3496/ trong liên kết này có 3 nút 1. Nút tùy chỉnh 2. Nút xuất 3. Nút in.

Trong trường hợp này tôi muốn chỉ hiển thị nút đầu tiên và ẩn "nút Export" & "in Nút"

Answer 1

bạn có thể truy cập vào từng sở thích nút với một cái gì đó như thế này:

exporting: { 
    buttons: { 
     printButton: { 
      symbol: 'circle' 
     }, 
     exportButton: { 
      enabled: false 
     }  
    } 
} 

một ví dụ mở rộng với nút tùy chỉnh của bạn sẽ là:

exporting: { 
    buttons: { 
     printButton: { 
      enabled: false 
     }, 
     exportButton: { 
      enabled: false 
     }, 
     custom: { 
      symbol: 'diamond', 
      x: -62, 
      symbolFill: '#B5C9DF', 
      hoverSymbolFill: '#779ABF', 
      _titleKey: 'printButtonTitle', 
      onclick: function() { 
       alert('click!') 
      } 
     } 
    } 
} 

Answer 2

Nó không thể là một lựa chọn, nhưng bạn có thể ẩn các nút mặc định sau đó tạo ra bằng cách sử dụng html riêng. Sau đó, bạn có thể liên kết nút tùy chỉnh của mình khi cần.

var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

    credits: { 
     enabled: false 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    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]   
    }], 
     exporting: { 
      enabled: false 
     } 
    }); 

console.log(Highcharts.Renderer.prototype.symbols)​ 

Answer 3

Đối với bất kỳ ai khác đang sử dụng một phiên bản mới hơn phiên bản của highcharts và câu trả lời được chọn không hoạt động, bạn cần sử dụng bên dưới để thay thế nút.

exporting: { 
     buttons: { 
      contextButton: { 
       enabled: false 
      }  
     } 
    }