jquery - 删除打印按钮

Question

我正在使用 HighCharts 库创建图表，我想知道如何删除右上角的 2 个小按钮，您可以打印和下载图表，我想添加一个新按钮。

也许有人可以帮助我？

Answer 1

根据文档，您可以根据需要禁用这些按钮。该文档甚至提供了一个正在加载图表的示例，其中禁用了按钮。

在您的配置中，请务必包含以下内容：

var chart = new Highcharts.Chart({
    /* Other items removed to focus on navigation */
    navigation: {
        buttonOptions: {
            enabled: false
        }
    }
});

Answer 2

如果您想删除所有按钮，最好的地方是：

exporting: {
    enabled: false
}

如果禁用仅导航按钮被禁用，则继续加载导出模块。
要仅禁用一个按钮，您必须使用以下命令：

exporting: {
    buttons: {
        exportButton: {
            enabled: false
        }
    }
}

下面的代码禁用导出按钮。

我不知道如何在不添加新的 svg 元素的情况下添加按钮，但如果您不使用导出按钮，为什么不更改图表按钮的样式和功能？你可以按照参考来做。

Answer 3

如上所述，您可以通过以下方式禁用，

exporting: {
    buttons: {
        exportButton: {
            enabled: false
        }
    }
}

要添加新按钮，请使用此按钮，

在 highcharts 中添加一个新的图像按钮