Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove Export and print button plugin on highchart chart

I am using MVC and currently working with highchart

I am using the Exporting.js so users can print or export the highchart chart. I have two charts in a view and I would like to disable print and export on one of the chart. How can I do that?

Exporting.js is automaticly giving charts these 2 button options.

Thanks in dvance

Correct solution:

.SetExporting(new Exporting { Enabled = false, EnableImages = false });
like image 373
Obsivus Avatar asked May 18 '12 12:05

Obsivus


3 Answers

You can disable both the buttons (i.e. the whole exporting section) simulataneously by,

exporting: {
         enabled: false
}

You can also disable any one or both of them like this,

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

    }
}
like image 136
Jashwant Avatar answered Nov 01 '22 06:11

Jashwant


See the following 'Exporting module is loaded but disabled' for how to disable exporting. An explanation of all of the modifiable options for exporting can be found here.

EDIT

It looks like you are using DotNet.Highcharts. Here is an example on how to use and set the exporting features:

.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
})
like image 10
Linger Avatar answered Nov 01 '22 05:11

Linger


The first option that you mention:

exporting: {
         enabled: false
}

breaks the highcharts object, if you are using it in a scenario in which you reuse the html container (ie refreshing data).

the only viable option for me in that scenario is combining both:

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

        }
    }
like image 5
XaviGuardia Avatar answered Nov 01 '22 07:11

XaviGuardia