アプリケーションでハイチャートを使用しており、印刷およびエクスポート ボタンの横にボタンを追加したいと考えています。私はjsfiddleで実際の例を持っています
var chart1;
$(document).ready(function () {
// Add Custom button to highchart
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'container1',
shadow: true
},
title: { text: 'Sales' },
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: { title: { text: '$'} },
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: {
buttons: {
'exportTo': {
_id: 'exportTo',
symbol: 'diamond',
x: -62,
symbolFill: '#B5C9DF',
hoverSymbolFill: '#779ABF',
onclick: function () {
showDialog(this);
}
}
}
}
});
var showDialog = function (selectedChart) {
var modal = $("#myModal").modal();
$('#btnSaveImage').click(function () {
saveChartInNas(selectedChart);
modal.modal('hide');
});
};
});
チャートがたくさんあります。チャートをクリックすると、モーダルウィンドウが表示され、保存ボタンで何らかの処理が行われます。モーダルを作成し、すべての異なるページのすべてのチャートのプロパティ設定をエクスポートする代わりに、ある種のプラグインまたはアドオンが可能かどうか疑問に思っています。もしそうなら、誰かがこれを達成する方法を教えてもらえますか?
すべてのページにエクスポート ロジックを追加したくありません。
ありがとうございました