Question

有人可以建议，无论如何我们可以在highcharts中重命名导出菜单中的项目。目前它有以下条目：下载PNG图像下载JPEG图像 ...

我想删除单词＆＃34; image＆＃34;。而且想要控制完整的造型。

Answer 1

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

您可以在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
    }
}

您可以从the source code获取默认值，几乎位于最顶层。某些默认值使用您不会获得的变量，因此您可能需要更改它们。如上所述，CSS可能会让你有额外的距离。

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

1 个答案: