python dash flask 导航栏_Python使用Flask框架，结合Highchart，自定义基本上算是最全的导出菜单了...

$(function() {//本地化导出按钮中的文字，具体请参考 https://www.hcharts.cn/docs/basic-lang

Highcharts.setOptions({

lang: {

contextButtonTitle:"图表导出菜单",

downloadJPEG:"下载 JPEG 图片",

downloadPDF:"下载 PDF 文件",

downloadPNG:"下载 PNG 文件",

downloadSVG:"下载 SVG 文件",

printChart:"打印图表",

downloadCSV:'下载 CSV 文件',

downloadXLS:'下载 XLS 文件',

viewData:'查看数据表格'}

});//默认的导出菜单选项，是一个数组

var dafaultMenuItem =Highcharts.getOptions().exporting.buttons.contextButton.menuItems;

console.log(dafaultMenuItem);

$('#container').highcharts({

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]

}],

title: {

text:'自定义导出菜单项目及顺序'},

exporting: {

buttons: {

contextButton: {//自定义导出菜单项目及顺序

menuItems: [

dafaultMenuItem[0], //默认的打印图表

dafaultMenuItem[1], //默认的分割线

dafaultMenuItem[2], //默认的下载 PNG 图片

dafaultMenuItem[3], //默认的下载 JPEG 图片

dafaultMenuItem[4], //默认的下载 PDF 文件

dafaultMenuItem[5], //默认的下载 SVG 文件

dafaultMenuItem[6], //默认的分割线

dafaultMenuItem[7], //默认的下载 CSV 文件

dafaultMenuItem[8], //默认的下载 XLS 文件

dafaultMenuItem[9], //查看数据表格

{

separator:true //自定义的分割线

},

dafaultMenuItem[1], //默认的分割线

{

text:'下载 PDF 文件', //自定义下载 PDF 文件

onclick: function() {this.exportChart({

type:'application/pdf' //可选的值有 image/png，image/jpeg，application/pdf 和 image/svg+xml。 默认是：image/png

});

}

},

{

text:'下载 SVG 文件', //自定义下载 SVG 文件

onclick: function() {this.exportChart({

type:'image/svg+xml'});

}

},

dafaultMenuItem[1], //默认的分割线

{

text:'跳转链接',

onclick:function() {

window.location.href= 'https://www.hcharts.cn';

}

}

]

}

}

}

},function() {

setTimeout(function() {

$('.highcharts-contextbutton').click();

},200)

});

});