1

グラフのサイズ (x 軸のポイント数) のバリエーションは広いです。そのため、ポイントが多すぎると、ラベルが混ざったり重なったりします。グラフの幅を動的に変更したい。

コンテナの幅を変更したくないので、ページの幅を変更して（一般的なレイアウトを変更して）合わせる必要がありますが、見栄えがよくありませんでした。

代わりに、コンテナーの幅を同じに保ちたいのですが、水平スクロールバーを使用して、チャートをナビゲートできるようにします (幅は動的に決定されます)。

私はたくさん話しましたが、それが明確であることを願っています。

4

2 に答える 2

2

scrollbarハイチャートでは、最小値/最大値の定義を含め、highstock.jsを使用して有効にすることができます。

簡単な例を参照してください: http://jsfiddle.net/highcharts/fj6d2/

于 2013-11-03T11:56:57.177 に答える
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 に答える