Как удалить кнопку из HighCharts

Ответ 1

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

Ответ 2

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

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

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

Ответ 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

Ответ 4

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

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

Ответ 5

exporting:false,

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

Ответ 6

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

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

Ответ 7

Другой вариант: Вы можете просто удалить импорт "node_modules/highcharts/modules/exporting.js" из всего проекта, если он вам вообще не нужен.

Это было решением для меня!