Как убрать кнопку с HighCharts

Question

Я создаю диаграммы с библиотекой HighCharts, и мне интересно, как убрать 2 маленькие кнопки в правом углу, какие из них вы можете печатать и загружать графики, и я хотел бы добавить новую.

Может, кто-нибудь может мне помочь?

Answer 1

Попробуйте добавить exporting: { enabled: false } к генерации вашего графика.

Answer 2

Отметьте это, чтобы создать новую кнопку:

Пример: http://jsfiddle.net/fXHB5/3496/

exporting: {
    buttons: [
        {
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            _titleKey: 'printButtonTitle',
            onclick: function() {
                alert('click!')
            }
        }
    ]
}

Answer 3

Лучший способ заменить значок гамбургера - отключить навигационную кнопку «Опции», затем создать свое собственное меню и настроить контекст по одному, как указано в документации . Отсюда вы можете использовать любой значок с вашим собственным выпадающим меню.

Это отключает значок гамбургера.

navigation: {
buttonOptions: {
  enabled: false
  }
 }

Так вы можете настроить параметры экспорта для своего собственного списка.

$('#print').click(function() {
chart.print();
});
$('#pdf').click(function() {
chart.exportChart({
  type: 'application/pdf',
  filename: 'my-pdf'
 });
});
$('#png').click(function() {
chart.exportChart({
  type: 'image/png',
  filename: 'my-png'
 });
});
$('#jpeg').click(function() {
chart.exportChart({
  type: 'image/jpeg',
  filename: 'my-jpeg'
 });
});
$('#svg').click(function() {
chart.exportChart({
  type: 'image/svg+xml',
  filename: 'my-svg'
 });
});

jsfiddle

Answer 4

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

Вы должны отключить только contextButton.

Answer 5

exporting:false,

Добавьте приведенный выше код для отключения опции экспорта.

Answer 6

@ dgw имеет правильную идею убрать кнопки экспорта, но я не был доволен предложениями "и я хотел бы добавить новый", пока не понял, что мне просто нужно сделать кнопки вне график . Если ваши данные не статичны, вы на самом деле не знаете, есть ли место для отображения ваших элементов управления.

<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>