score:7
Highcharts provides a event called selection
chart:{
events: {
selection: function() { /* your code here */ }
}
}
this fiddle will help you http://jsfiddle.net/M7cfm/
score:11
Just use setExtremes event, see: http://jsfiddle.net/BlackLabel/pjy9682s/3/
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'x'
},
xAxis: {
events: {
setExtremes: function (e) {
if(typeof e.min == 'undefined' && typeof e.max == 'undefined'){
console.log('reset zoom clicked');
} else {
console.log('zoom-in');
}
}
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
}]
});
Source: stackoverflow.com
Related Query
- highcharts how to catch and insert logic in click reset zoom button event
- Highcharts chart click event fired on click of the reset zoom button (bug?)
- highcharts how to override reset zoom button event
- How to zoom chart line same as legend hover and reset automatically on button click in highcharts?
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- Highcharts : How do I keep the marker formatting and make the click event fire with a 5K+ point scatter plot?
- How do I catch a click event on a polygon in HighCharts without having the tooltip popping up
- Highcharts - show markers on zoom event (selection) and hide on reset zoom. Is it possible?
- How can highcharts linear scale or log scale button enabel and zoom in or out full page
- How to set reset zoom button and title to exactly center of the high charts
- How to pass custom data into Highcharts graph click event
- how to reset Highchart chart width in percentage on Button click
- How to export CSV and XLS with external button in Highcharts
- How to catch the click event from the axis ticks jqplot, highcharts,flot
- How to attach click event function in Highcharts
- How to add series after click event in HighCharts
- Click event and two way data binding in HighCharts using AngularJS
- how to hide/show scrollbar and range selector of highcharts on button click?
- How do I attach a click event handler to the whole HighCharts Gauge control?
- HighCharts - Set Max and Min values in zoom reset
- How can I make React Native in Android aware of a click event in a tooltip in a Highcharts chart?
- Highcharts - How can I get the nearest point on click event
- How can I use data.table or data.csv and extra data for click event handling
- HighCharts : How to add click event on colorAxis in heatmap
- resetting chart title on zoom button click in highcharts
- How to get xAxis and yAxis information on a Highcharts heatmap click event?
- highcharts reset zoom button
- How to show an empty chart in beginning and populate values on button click
- Styling HighCharts reset Zoom button with Material UI button
- How to trigger legend click event on outside when using Highchart and no using JQuery
More Query from same tag
- Postgresql data to highchart
- Highcharts chart width issue on lazy loading of stylesheet
- Highcharts Error #13 for bullet charts
- Max number of flags on highstock control
- how to set visibility of div in controller (SAP UI5)
- Dynamically add a Highchart point while preserve categories
- HighCharts how to remove display on loading of piechart
- Different border radius
- How to use Highcharts regression plugin to plot a trend line using angular 8 wrapper
- Surround Highcharts points
- HighCharts tooltip issue
- Highcharts donut label overflow container
- Highstock padding/margin with range selector
- How to break highchart bars for extreme values
- Want to move y-axis scrollbar with mouse wheel in highcharts/highstock
- HighCharts Dynamically Change Chart Type
- Coloring treemap by parent node in highcharts styled mode
- which rangeSelector button is selected in highcharts
- Avoid overlap of tick length with label in Highchart gauge
- Updating Series Color Appears to Break Navigator and Range Selector
- Gauge central value don't show
- HighCharts multiple data points per category
- Highchart DateTime Axis: How to display non existent data as 0 or gap
- HighCharts Axis Label Encoding
- Resize issue while gridster.js with highcharts
- Highcharts - get bottom position for each stacked category
- Legend for each point in column chart in highcharts
- How can I add links in a Highcharts tooltip that will open on mobile's browser?
- How do I pass an array for more than one series of random x-y data to Highcharts?
- Angular - highcharts-angular / bootstrap / chart not growing to parent size width