1

我的图表的大小（x 轴上的点数）变化很大。因此，当点太多时，标签会混合/重叠。我想动态更改图表的宽度。

我不希望容器宽度改变，因为我必须改变页面的宽度以适应（改变一般布局），我做了，它看起来不太好。

相反，我想保持容器的相同宽度，但要有一个水平滚动条，这将使我能够导航图表（其宽度是动态确定的）。

我说了很多，但我希望它很清楚。

4

2 回答 2

2

在容器元素上使用overflow（或overflow-x）为该容器提供水平滚动。

jsfiddle example

<div id="container">
    <div id="chart"></div>
</div>

#container {
    margin: 40px;
    overflow-x: scroll;
}
#chart {
    background: gray url(//placehold.it/3000x300&text=Some+Chart);
    height: 300px;
    width: 3000px;
}

注意：overflow-x/overflow-y在 IE8 及以下版本中不支持，overflow用于旧版支持

于 2013-10-31T20:04:35.310 回答
2

在 highcharts 中，您可以使用 highstock.js 和 enable scrollbar，包括定义最小值/最大值。

看简单的例子：http: //jsfiddle.net/highcharts/fj6d2/

于 2013-11-03T11:56:57.177 回答