DotNetHighcharts-是否可以在页面加载后将整个图表分配给JS变量，以便进一步操作

Question

我正在使用DotNetHighcharts创建一个条形图，但是由于在DotNetHighcharts上缺乏开发工作，我需要使用javascript来禁用打印按钮(保持其他导出选项的灵活性)。

我已经寻找了很长一段时间，还没有找到这个问题的答案，但我想知道是否有一种方法可以以正常的方式加载我的highchart，以及当文档准备好使用常见的highcharts javascript函数来操作图表时。

这可以做到吗？

Answer 1

要扩展我对您的问题的评论，您可以通过在全局Highcharts.setOptions()函数或本地图表选项中设置contextButton属性来定义在导出菜单中显示的内容。这样做将覆盖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上为另一个问题创建了一个小提琴，它在上下文中显示了这些选项：http://jsfiddle.net/brightmatrix/00wrak9v/。在本例中，我设置了本地contextButton选项来触发Google Analytics事件，但您可以在用户选择特定导出选项时包含任何类型的事件，或者重新排列、添加或删除某些选项。

我希望这对你有帮助！