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

Question

有人可以建议,无论如何我们可以在高级图表中重命名导出菜单中的项目.目前它有这样的条目:下载PNG图像下载JPEG图像...

我想删除"图像"一词.而且想要控制完整的造型.

Answer 1

有很多选择.有些可以在Javascript中完成,我确信可以在CSS中完成更多工作.这是一个JSFiddle示例,显示了所需的文本更改和一些样式更改.

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

文本更改为:

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

您可以从源代码中获取默认值,几乎位于最顶层.某些默认值使用您不具备的变量,因此您可能需要更改它们.如上所述,CSS可以为您提供额外的距离.