2017-06-09 6 views
1

ハイチャートを使用してangular2アプリケーションを開発していますが、棒グラフを表示する際に問題があります。ハイチャートのサンプルコードをアプリケーションに適用しました。できます。しかし、グラフに余分なシリーズを追加すると、列が不当に薄すぎるようになります。 my resultハイチャート - 棒グラフの列があまりにも薄すぎる

コードに余分なシリーズを追加してJSfiddleでサンプルコードを個別に試しました。しかし、それは動作します。 ...workable example

+0

固定小数点幅(この場合は列が重複する可能性があります)を設定するか、列のグループ間のスペースを減らすことができます。groupPaddingを参照してください。0 - http:// jsfiddle.net/d98pukuo/1/ – morganfree

+0

コードを表示するか、動作していないバージョンのライブサンプルを表示します。私はそれがデータ構造やグループ化設定の問題であると考えています。また、あなたの投稿の「実行可能な例」があなたに受け入れられる結果であるかどうかを明確にしてください。 – jlbriggs

+0

@morganfree固定小数点幅とgroupPaddingを0に設定しようとしましたが、グラフの列はまだ薄いです。私はそれがスタイリングの問題ではないと思う。この問題は、シリーズ数が10を超える場合にのみ発生します。 –

答えて

0

私は最近非常によく似た問題に直面し、さらにそれについてquestionを投稿しました。 解決策はかなり簡単だと思われます。問題は古くなったハイチャート(5.0.8)とハイチャートモジュール(エクスポート、ブースト、ハイチャート、ヒートマップ)(5.0.8節)でした。 jsfiddleのローカル動作は、hereのようにハイチャートライブラリの特定のバージョンを設定しようとしました。

<script src="https://code.highcharts.com/5.0.8/highcharts.js"></script> 

しかし、ハイチャート5.0.14に更新したとき、problem disappeared

希望すると便利です。

UPDATE

問題は、(今は50である)seriesThresholdプロパティは、デフォルトでは10に設定されたと、特に、boost.jsモジュールでした。例here

関連する問題