score:19
you can access each button preference with something like this:
exporting: {
buttons: {
printbutton: {
symbol: 'circle'
},
exportbutton: {
enabled: false
}
}
}
an expandable example with your custom button would be:
exporting: {
buttons: {
printbutton: {
enabled: false
},
exportbutton: {
enabled: false
},
custom: {
symbol: 'diamond',
x: -62,
symbolfill: '#b5c9df',
hoversymbolfill: '#779abf',
_titlekey: 'printbuttontitle',
onclick: function () {
alert('click!')
}
}
}
}
score:0
if you just want to hide default custom buttons,you could simply use:
exporting: {
buttons: {
contextbutton: {
enabled: false
},
printbutton: {
enabled: false,
},
}
}
if you want to use your own custom button or label you can use this:
exporting: {
buttons: {
contextbutton: {
enabled: false
},
exportbutton: {
text: `chrome`,
_titlekey: "yourkey",
onclick:function(){
alert('clicked chrome');
},
x:-410
},
printbutton: {
enabled: false,
text: `ie: `,
_titlekey:"mykey",
onclick: function () {
alert('clicked ie');
},
x:-400,
y:30
},
}
},
in this i have disabled default as well as printbutton, you can use x and y to set the positions of the label. you can find my code in fiddle here : https://jsfiddle.net/m3yegczx/20/
score:0
if you are using a framework then you can hide by this way.
hioptions *options = [[hioptions alloc]init];
hiexporting *exporting = [[hiexporting alloc]init];
exporting.enabled = [[nsnumber alloc] initwithbool:false];
options.exporting = exporting;
score:0
as for current highcharts (7.2.1), you can hide them by setting option below
exporting: {
buttons: {
contextbutton: {
menuitems: ["downloadpng", "downloadjpeg", "downloadpdf", "downloadsvg"]
}
}
}
check api at https://api.highcharts.com/highcharts/exporting.buttons.contextbutton.menuitems
score:6
it's not possible as an option, but you can hide the default buttons then create your own using html. then you can bind your custom button as you need.
var chart = new highcharts.chart({
chart: {
renderto: 'container'
},
credits: {
enabled: false
},
xaxis: {
categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}],
exporting: {
enabled: false
}
});
console.log( highcharts.renderer.prototype.symbols )
score:19
for anyone else who is using a newer version of highcharts and the selected answer doesn't work, you need to use the below instead to hide the button.
exporting: {
buttons: {
contextbutton: {
enabled: false
}
}
}
Source: stackoverflow.com
Related Query
- Highchart hide default buttons
- how to hide highchart x - axis data values
- Hide line in default state in Highcharts
- Highchart - show / hide an y-Axis without hiding the series
- How to change the font family of Highchart to Bootstrap css default font family
- How to hide highChart plotLine label until mouseover?
- hide YAxis values in HighChart Solid Gauge
- HighChart hide other series on click legend
- How to set series-label to false by default and change the color of series label text in highchart
- hide a particular column on xAxis highchart Column Chart
- highcharts: disable default buttons but keep custom button
- change highchart data using radio buttons
- How to disable or remove the default HighChart loading message?
- how to show cross hair in highchart always by default
- how to show cross hair in highchart always by default
- highchart hide xaxis categories
- Highchart limiting number of series by default
- Hide Scrollbar when Printing highchart from export menu
- Hide a category when a series name has no value attributed to it highchart
- Dynamically hide or show legend in highchart
- Highchart - hide name in legend if no data
- Highchart Hide/Remove Annotation buttons on export
- Strange character in the Highstock source code
- Why does my Highchart look different when I transfer my code from Jsfiddle to my server?
- how to hide column in highchart column type
- Highchart hide a category and rescale is messing
- Change color of a column in highchart with a default color
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- Hide Space in a stack of bar in HighChart
- Column based Highchart drilldown series assign color code to each column
More Query from same tag
- Highchart tooltip hover not working properly
- Locking the zoom in on Mapview?
- How can I set the height of a highchart dynamically without setting the width?
- Highcharts legend symbol sizes for scatter charts
- Highcharts data series issue with ajax/json and PHP
- Binding "Highcharts" events in rails
- Configuring Data Table from Highcharts Basic Column Chart
- Highcharts: Dynamically change single column width to highlight one sample
- Pie chart legend shows empty values
- Highcharts Displaying same data repeatedly
- Highcharts: How to create a drilldown pie of agegroup, gender, visits?
- Update Of Chart Series Colors Fails When Drilled Into Chart
- Making a dataLabel draggable
- Highcharts not displaying data at some zoom levels
- Remove exporting button in Internet Explorer alone
- Animation end callback after adding points
- React Native Highcharts call method
- How to increase and decrease the height of the gridlines in advanced accessible highcharts
- Bar chart not drawn when chart renders
- How to get the list of unselected items in highmaps?
- Highstocks change range selector to dropdown
- Highchart data each row on gridview to display different data on button click open modal
- Highcharts, error with xAxis type logarithmic
- Plot Option in High Charts
- Histogram type highcharts access to series
- can hightcharts make ajax calls to external data files?
- How to add rotation event to an ember highchart graph?
- Highcharts - Changing color of text if not enough room on bar graph
- Highcharts: Different tick interval in the same axis
- angular2-Highcharts not working in angular-cli project