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

Question

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

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

может быть, кто-то может помочь мне ?

551 6

jQuery javascript

6 ответов:

Comments

Ничего не найдено.

dgw · Accepted Answer · 2012-03-13 16:35:01

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

Andre Sampaio · Accepted Answer · 2012-10-17 21:59:08

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

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

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

Christopher R. · Accepted Answer · 2017-03-11 10:10:04

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

это отключает значок гамбургера.
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

Ivan Ruski · Accepted Answer · 2017-01-09 15:59:19

exporting: {        
 contextButton: {
        enabled: false,
    }
}
вы должны отключить только contextButton.

Sasikumar · Accepted Answer · 2016-06-30 09:55:17

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

Dan Ross · Accepted Answer · 2016-11-29 06:06:39

@dgw имеет правильную идею, чтобы удалить кнопки экспорта, но я не был доволен" и я хотел бы добавить новый " предложения, пока я не понял, что я должен просто сделать кнопки вне графика. Если ваши данные не статичны, вы действительно не знаете, есть ли место для отображения ваших элементов управления.
<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>