highcharts - 重命名 highcharts 导出菜单中的项目

Question

有人可以建议我们是否可以重命名 highcharts 导出菜单中的项目。目前它有如下条目:下载PNG图片下载 JPEG 图片...

我想删除“图像”一词。而且要掌控完整的造型。

Answer 1

为此有很多选择。有些可以用 Javascript 完成，我相信更多可以用 CSS 完成。这是一个 JSFiddle example显示所需的文本更改和一些样式更改。

您可以在 API 中阅读 lang 下的详细信息和 navigation .

文本更改为:

lang: {
    printChart: 'Print chart',
    downloadPNG: 'Download PNG',
    downloadJPEG: 'Download JPEG',
    downloadPDF: 'Download PDF',
    downloadSVG: 'Download SVG',
    contextButtonTitle: 'Context menu'
}

以及按钮和菜单的样式:

navigation: {
    menuStyle: {
        border: '1px solid #A0A0A0',
        background: '#FFFFFF',
        padding: '5px 0'
    },
    menuItemStyle: {
        padding: '0 10px',
        background: null,
        color: '#303030',
        fontSize: '11px'
    },
    menuItemHoverStyle: {
        background: '#4572A5',
        color: '#FFFFFF'
    },

    buttonOptions: {
        symbolFill: '#E0E0E0',
        symbolSize: 14,
        symbolStroke: '#666',
        symbolStrokeWidth: 3,
        symbolX: 12.5,
        symbolY: 10.5,
        align: 'right',
        buttonSpacing: 3,
        height: 22,
        // text: null,
        theme: {
            fill: 'white', // capture hover
            stroke: 'none'
        },
        verticalAlign: 'top',
        width: 24
    }
}

您可以从 the source code 中获取默认值, 几乎在最顶端。一些默认值使用您不会拥有的变量，因此您可能需要更改它们。如前所述，CSS 可能会让您走得更远。