javascript - DotNet Highcharts-我可以在页面加载后将整个图表分配给 JS var，以便进一步操作

Question

我正在使用 DotNetHighcharts 创建条形柱形图，但由于 DotNetHighcharts 缺乏开发工作，我需要使用 javascript 自行禁用打印按钮(保持其他导出选项不变)。

我已经搜索了很长时间但没有找到答案，但我想知道是否有一种方法可以以正常方式加载我的 Highcharts ，以及文档何时准备好使用常用的 highcharts javascript 函数。

这可以做到吗？

Answer 1

为了扩展我对您的问题的评论，您可以通过在全局 Highcharts.setOptions() 中设置 contextButton 属性来定义导出菜单中显示的内容函数或在您的本 map 表选项中。这样做将覆盖 exporting.js 模块引入的默认导出选项。

下面是一个示例，它将使用将图表导出为 PNG、JPEG、SVG 或 PDF 的选项填充导出菜单，但不显示打印按钮。

exporting: {
    buttons: {
        contextButton: {
            text: 'Export',
            menuItems: [
                {
                    text: 'Save as PNG',
                    onclick: function () {
                        this.exportChart();
                    }
                }, {
                    text: 'Save as JPEG',
                    onclick: function () {
                        this.exportChart({ type: 'image/jpeg' });
                    }
                }, {
                    text: 'Save as SVG',
                    onclick: function () {
                        this.exportChart({ type: 'image/svg+xml' });
                    }
                }, {
                    text: 'Save as PDF',
                    onclick: function () {
                        this.exportChart({ type: 'application/pdf' });
                    },
                }
            ]
        }
    }
},

我有一个为 Stack Overflow 上的另一个问题创建的 fiddle ，它在上下文中显示了这些选项:http://jsfiddle.net/brightmatrix/00wrak9v/ 。在本例中，我设置了本地 contextButton 选项来触发 Google Analytics 事件，但您可以在用户选择特定导出选项时包含您想要的任何类型的事件，或者就此而言，重新排列、添加或删除某些选项。

希望这对您有帮助!