Highcharts固定/浮动轴

时间:2014-09-08 13:01:27

标签: javascript jquery html css highcharts

我在带有滚动条的overflow:auto div中有一个highcharts气泡图。这是因为图表大约是2000px / 5000px。这意味着在没有滚动条的网页上显示是不切实际的。

我遇到的问题是,当用户向右和向下滚动时,您无法再看到轴,因此如果不阅读工具提示,整个图形将失去所有感觉。

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

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

http://jsfiddle.net/82ugmcnt/

编辑:接受的答案允许我在原始问题中请求的水平滚动。在Highcharts / Highstock中还不存在垂直滚动的可能性。

1 个答案:

答案 0 :(得分:1)

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

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

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