Question

I’m working on a site where I use Highcharts quite heavily for presenting data in charts. I want to user to be able to “zoom” each chart into a modal window for better readability.

I know how to manipulate the chart with its API, but I’m not quite sure how I can clone the chart and refer to the new chart with an variable?

I’ve done alot of searching, and all I’ve found is how to open in modal window with Highcharts own modal library, but I’m using a modal library called Lightview.

Answer 1

You can get the new range by the selection event and then get the respective position from the chart serie.
See my example.
http://jsfiddle.net/ricardolohmann/sZMFh/
So, if you want to show it inside the lightbox you have to change the following code:

chart2 = new Highcharts.StockChart({
    chart: {
        renderTo: 'container2'
    },
    series: newSeries
});

To this one, and set the container2 display to none

Lightview.show({ url: 'container2', type: 'inline' });