ハイチャートからボタンを削除する方法

Highchartsライブラリを使用してグラフを作成していますが、グラフを印刷およびダウンロードできる右隅の2つの小さなボタンを削除する方法を知り、新しいボタンを追加したいと思います。

多分誰かが私を助けることができますか？

exporting: { enabled: false }チャート生成に追加してみてください。

これをチェックして、新しいボタンを作成します。

例：http：//jsfiddle.net/fXHB5/3496/

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

ハンバーガーアイコンを置き換える最善の方法は、ナビゲーションbuttonOptionsを無効にしてから、独自のメニューを作成し、ドキュメントに記載されているようにコンテキストを1つずつカスタマイズすること です。ここから、独自のドロップダウンメニューで任意のアイコンを使用できます。

これにより、ハンバーガーアイコンが無効になります。

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"]
        }
    }
}

ハイチャートの例