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 });
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
}
}
}
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
})
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
}
}
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With