ハイチャートエクスポートオプションのデフォルトボタン([エクスポート]と[印刷])を非表示にしたい。
http://jsfiddle.net/fXHB5/3496/ でデモを行うことができます。このリンクには3つのボタンがあります1.カスタムボタン2.エクスポートボタン3.印刷ボタン。
この場合、最初のボタンのみを表示し、「エクスポートボタン」と「印刷ボタン」を非表示にします。
次のような方法で各ボタン設定にアクセスできます。
exporting: {
buttons: {
printButton: {
symbol: 'circle'
},
exportButton: {
enabled: false
}
}
}
カスタムボタンを使用した拡張可能な例は次のとおりです。
exporting: {
buttons: {
printButton: {
enabled: false
},
exportButton: {
enabled: false
},
custom: {
symbol: 'diamond',
x: -62,
symbolFill: '#B5C9DF',
hoverSymbolFill: '#779ABF',
_titleKey: 'printButtonTitle',
onclick: function () {
alert('click!')
}
}
}
}
新しいバージョンのハイチャートを使用していて、選択した回答が機能しない場合は、代わりに以下を使用してボタンを非表示にする必要があります。
exporting: {
buttons: {
contextButton: {
enabled: false
}
}
}
オプションとしては不可能ですが、デフォルトのボタンを非表示にしてから、htmlを使用して独自のボタンを作成できます。次に、必要に応じてカスタムボタンをバインドできます。
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
credits: {
enabled: false
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}],
exporting: {
enabled: false
}
});
console.log( Highcharts.Renderer.prototype.symbols )
フレームワークを使用している場合は、この方法で非表示にできます。
HIOptions *options = [[HIOptions alloc]init];
HIExporting *exporting = [[HIExporting alloc]init];
exporting.enabled = [[NSNumber alloc] initWithBool:false];
options.exporting = exporting;
デフォルトのカスタムボタンを非表示にするだけの場合は、次を使用できます。
exporting: {
buttons: {
contextButton: {
enabled: false
},
printButton: {
enabled: false,
},
}
}
独自のカスタムボタンまたはラベルを使用する場合は、次を使用できます。
exporting: {
buttons: {
contextButton: {
enabled: false
},
exportButton: {
text: `Chrome`,
_titleKey: "yourKey",
onclick:function(){
alert('clicked Chrome');
},
x:-410
},
printButton: {
enabled: false,
text: `IE: `,
_titleKey:"myKey",
onclick: function () {
alert('clicked IE');
},
x:-400,
y:30
},
}
},
この場合、デフォルトとprintButtonを無効にしているので、xとyを使用してラベルの位置を設定できます。ここで私のコードをフィドルで見つけることができます: https://jsfiddle.net/m3yegczx/20/
現在のハイチャート(7.2.1)については、以下のオプションを設定することで非表示にできます
exporting: {
buttons: {
contextButton: {
menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
}
}
}
https://api.highcharts.com/highcharts/exporting.buttons.contextButton.menuItems でAPIを確認してください