Highcharts.js，如何放大一个图表来调整另一个Stackoverflow的大小？ [英] Highcharts.js, how to zoom in on one chart to resize another as Stackoverflow has done?

问题描述

我想复制StackOverflow的声望柱状图的构建方式。

具体而言，我对放大底部图表以调整顶部图表的行为感兴趣。我想知道是否在Highcharts.js中有这个选项，或者这是否是由SO创建的自制扩展。

解决方案

看起来很像这个演示，除了这是一个折线图而不是柱状图： http://www.highcharts.com/demo/dynamic-master-detail

也可用于jsfiddle测试： http： //jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-master-detail/

下面是一个jsfiddle的Stackoverflow的实际代码，它被最小化了，但你有这样的想法：
http://jsfiddle.net/abex2/1/

I'd like to replicate how StackOverflow has built their reputation column charts.

Specifically, I'm interested in the behavior of zooming in on the bottom chart to resize the top chart. I'm wondering if there is an option in Highcharts.js for this or whether this was a homemade extension made by SO.

解决方案

It looks a lot like this demo, except that this is a line chart and not a column chart: http://www.highcharts.com/demo/dynamic-master-detail

Also available for testing on jsfiddle: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-master-detail/

Here's a jsfiddle of Stackoverflow's actual code which is minimized but you get the idea: http://jsfiddle.net/abex2/1/

这篇关于Highcharts.js，如何放大一个图表来调整另一个Stackoverflow的大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！