javascript - Highcharts 自定义导出在重置时隐藏

Question

我在使用 highcharts 时面临一个问题。

我有这段代码，它呈现自定义下载而不是 highcharts 默认打印和下载:

    $('#container').highcharts({
    exporting: {
                            buttons: {
                                contextButton: {
                                    enabled: false
                                },
                                exportButton: {
                                    text: 'Download',
                                    y:30,
                                    //x: 1,
                                    //y: 5,
                                    // Use only the download related menu items from the default context button
                                    menuItems: Highcharts.getOptions().exporting.buttons.contextButton.menuItems.splice(2)
                                },
                                printButton: {
                                    text: 'Print',
                                    y: 30,
                                    onclick: function () {
                                        this.print();
                                    }
                                }
                            }
                        }
       });

当我调用它一次时，此代码工作正常，但是当我再次调用它而不刷新页面时，下载按钮不会显示所有选项，例如下载为 pdf、下载为图像等。

有什么帮助吗？

谢谢。

Answer 1

该行是罪魁祸首:

Highcharts.getOptions().exporting.buttons.contextButton.menuItems.splice(2)

splice 修改数组。因此，在第一次调用后，menuItems 就不一样了。因此，请使用 slice() 来代替:

Highcharts.getOptions().exporting.buttons.contextButton.menuItems.slice(2)