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
- Drilldown and title update in Highcharts pie
- Heatmap show previous day in the tooltip
- Add label for highcharts in first element
- highcharts gets my hour time wrong
- Force Highcharts to display tooltip outside of div/container
- highcharts & rails
- Cannot set bar chart width for specific data, Highcharts
- Y axis values merging with candles in highcharts
- tickInterval Inside an interval
- Highstock Stock Tools Creating Indicator GUI Does Not See Chart Series
- How to update the HighCharts title using drill-up when there are multiple charts on same page?
- How to find a point with longitude and latitude in a Highmaps maps serie, initiated with GeoJson?
- highchart with drilldown where data for main chart and drilled down chart are from different xml files
- Update datalabel on click of a point on the series of a highcharts timeline chart
- highcharts with lots of data render blank in pdf use wicked_pdf
- Highcharts assign label to to x-axis max value
- Export multiple Highchart as Zip file to my project directory
- Highlighting Highcharts column
- add custom conditions in highchart configuration
- How do I create polar charts with highcharts-react-official?
- How can I display crosshair labels on top of the chart with Highcharts
- Highcharts gray.js Theme cannot apply in my Highcharts spline?
- Synchronized charts with individual tool-tip for each series
- Highcharts displaying Date axis from milliseconds
- How to add percent symbol with data inside column in highchart?
- Highchart graph display on iPad going out of container
- Highchart world map rendering too slow in edge legacy browser
- Stacked area in Highcharts make my series fading in and fading out
- How to adjust vertical labels on this Line Chart?
- High charts Tool tip is not supporting in IE10 and IE8 and Mozilla with more data