javascript - Highcharts 固定/ float 轴

Question

我在带有滚动条的 overflow:auto div 中放置了 highcharts 气泡图。这是因为图形大约是每 5000 像素 2000 像素。这意味着在没有滚动条的网页上显示是不切实际的。

我遇到的问题是，当用户向右和向下滚动时，您再也看不到轴了，所以如果不阅读工具提示，整个图表就失去了所有意义。

有没有办法让轴漂浮在图形上方并随之移动？

编辑:以下是使用标准 Highcharts 气泡图的示例。这个想法是当用户使用滚动条时，轴应该与它们一起“ float ”并保持在相同的位置。内容应该是唯一移动的东西。这样，用户即使在滚动时仍然可以看到 X/Y 轴。

http://jsfiddle.net/82ugmcnt/

编辑:接受的答案允许水平滚动，正如我在原始问题中所要求的那样。 Highcharts/Highstock 尚不支持垂直滚动。

Answer 1

您可以使用内置滚动条的 highstock.js。

    scrollbar:{enabled:true},
    xAxis: {
        max:50,
        opposite: true
    },

示例:http://jsfiddle.net/82ugmcnt/1/