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

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

Может кто мне поможет?

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

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

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

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

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

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

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

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

Вам нужно отключить только contextButton.

exporting:false,

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

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

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

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

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

Лучший способ сделать это - обновить exporting.buttons.contextButton.menuItemsмассив, включив в него только те элементы меню, которые вам нужны. Ниже приведен пример, исключающий параметры «Печать диаграммы» и «Полноэкранный просмотр».

exporting: {
    buttons: {
        contextButton: {
            menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
        }
    }
}

Пример Highcharts