Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to get rangeSelector to work with HighCharts

Tags:

highcharts

Is it possible to use HighStocks rangeSelector with HighCharts? If not, is there another method someone could suggest? Seems like this useful function would be available to both libraries.

like image 611
geomajor56 Avatar asked Jun 16 '13 12:06

geomajor56


People also ask

What is range selector in Highcharts?

The range selector is a tool for selecting ranges to display within the chart. It provides buttons to select pre-configured ranges in the chart, like 1 day, 1 week, 1 month, etc. It also provides input boxes where min and max dates can be manually input.

What is the latest version of Highcharts?

Highcharts v9. 3.0 (2021-10-21)

What is Highcharts stock?

Stock Tools is a Highcharts Stock module for building a GUI that enables user interaction with the chart, such as adding annotations, technical indicators or just for zooming in or out.

What is the use of Highcharts?

Highcharts is a pure JavaScript based charting library meant to enhance web applications by adding interactive charting capability. Highcharts provides a wide variety of charts. For example, line charts, spline charts, area charts, bar charts, pie charts and so on.


2 Answers

You can use highstock.js and initialize highcharts with rangeSelector like in the example:

http://jsfiddle.net/73DyX/

like image 166
Sebastian Bochan Avatar answered Oct 19 '22 09:10

Sebastian Bochan


range selector is a feature used with highstock. if you want a similar implementation with highchart you can get something like this

It is a dynamic master-detail chart which may be of use for you.

like image 35
Strikers Avatar answered Oct 19 '22 10:10

Strikers