删除高图表上的导出和打印按钮插件

Question

我正在使用MVC,目前正在使用highchart

我正在使用Exporting.js,因此用户可以打印或导出高级图表.我在视图中有两个图表,我想在其中一个图表上禁用打印和导出.我怎样才能做到这一点？

Exporting.js自动为图表提供这两个按钮选项.

谢谢你

正确的解决方案:

.SetExporting(new Exporting { Enabled = false, EnableImages = false });

Answer 1

您可以同时禁用这两个按钮(即整个导出部分),

exporting: {
         enabled: false
}

您也可以禁用其中任何一个或两个,

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

    }
}

Answer 2

有关如何禁用导出,请参阅以下"导出模块已加载但已禁用".可以在此处找到所有可修改的导出选项的说明.

编辑

看起来你正在使用DotNet.Highcharts.以下是如何使用和设置导出功能的示例:

.SetExporting(new Exporting
{
    Buttons = new ExportingButtons
        {
            ExportButton = new ExportingButtonsExportButton
                {
                    Align = HorizontalAligns.Right,
                        //BackgroundColor  <-- Don't know how to set yet
                        BorderColor = Color.Black,
                        BorderRadius = 3,
                        BorderWidth = 1,
                        Enabled = true,
                        Height = 35,
                        HoverBorderColor = Color.Red,
                        HoverSymbolFill = Color.Black,
                        HoverSymbolStroke = Color.Black,
                        //Onclick
                        //MenuItems
                        SymbolSize = 25,
                        SymbolX = 18,
                        SymbolY = 18,
                        VerticalAlign = VerticalAligns.Top,
                        Width = 35,
                        Y = 10,
                        X = -50
                },
                PrintButton = new ExportingButtonsPrintButton
                {
                    Align = HorizontalAligns.Right,
                        //BackgroundColor  <-- Don't know how to set yet
                        BorderColor = Color.Black,
                        BorderRadius = 3,
                        BorderWidth = 1,
                        Enabled = true,
                        Height = 35,
                        HoverBorderColor = Color.Red,
                        HoverSymbolFill = Color.Black,
                        HoverSymbolStroke = Color.Black,
                        //Onclick
                        //MenuItems
                        SymbolStroke = Color.Teal,
                        SymbolSize = 25,
                        SymbolX = 18,
                        SymbolY = 18,
                        VerticalAlign = VerticalAligns.Top,
                        Width = 35,
                        Y = 10,
                        X = -15
                }
    },
        Enabled = true,
        EnableImages = true,
        Filename = "HomeChart",
        Type = "image/png",
        Url = "http://export.highcharts.com",
        Width = 800
})

Answer 3

您提到的第一个选项：

exporting: {
         enabled: false
}

如果您在重用 html 容器（即刷新数据）的场景中使用它，则会破坏 highcharts 对象。

在这种情况下，对我来说唯一可行的选择是将两者结合起来：

  optionsMini.exporting = {
        enabled: false,
        buttons: {
            exportButton: {
                enabled: false
            },
            printButton: {
                enabled: false
            }

        }
    }