javascript - ハイチャートの配置と色

Question

highcharts-ng のチャートで修正できないことがいくつかあります。参照用にhttp://jsfiddle.net/mcneela86/DJVP2/を参照してください。

背景として、チャートには、部品が追加された後の車の馬力とトルクの前後の値の比較が表示されます。

1: データを「前」と「後」にグループ化しました。「前」グループを「後」グループとは異なる色にすることはできますか? 「後」グループの色は正しいですが、「前グループ」はグレーの色合いである必要がありますか?

2: 列を広くする必要があります (応答性を維持しながら)。これを行う方法は、列の周りのパディングを減らすことだと思いました（以下を参照）-しかし、これはうまくいきませんか？

groupPadding: 0,

3; 3 番目のボタン (ステージ 4 (新しいエンジン)) にはゼロ/ヌル値のデータが含まれています。データをグラフ全体に分散させたままにすることは可能ですか? （だから、何かが欠けているようには見えません）

{
    "after_hp":1000,
    "after_torque":900,
    "before_hp": null,
    "before_torque":null,
    "name":"Stage 4 (new engine)"
 }

上記の「null」値は null または「0」にすることができます - データを制御できます。

これらの問題を解決するために何日も費やしましたが、何か助けていただければ幸いです。

編集：

上記の最初の質問の解決策を見つけました。

この jsfiddle を参照してください - http://jsfiddle.net/mcneela86/6caPj/ css を使用してデータをターゲットにする回避策を使用しましたが、これは私の場合は機能しますが、より大きなデータセットには理想的ではありません。

これが誰かに役立つことを願っています。

score 0 · Accepted Answer

2) groupPadding/pointPadding/pointWidth のみを操作できますが、$(window).resize() またはload.redraw()をキャッチして、abo で説明されている新しいパラメーターでシリーズを更新することもできます

3) 0 をスキップして、つまり 1,1 として setExtremes() を呼び出すことができます。または、xAxis で最小値を 1 に設定します。

1 に答える 1