ダイナミックデータ列のアライメントをオフにしたハイチャートの列グラフ

Question

私は、この簡単な説明と画像が同様の問題を抱えている人と鐘を鳴らして、提案/修正を望むことを望んでいます。

私は動的に（XMLファイルを解析するjQueryを介して）データを追加する列グラフを持っています。

何らかの理由で、データが追加された後、異なるシリーズのアライメントが少しずれます。問題は、（凡例のシリーズをクリックして）表示/非表示にしてシリーズのいずれかを切り替えると、それ自体が修正されます。

数字をハードコーディングしてデータを追加すると、正常に機能するように、うまくいきます。

黄色シリーズは、最後のシリーズは、チャート、5シリーズの一つの可視性をトグルした後、[OK]赤と紫シリーズのラインアップに追加されます。ここ

はイメージです。

ご協力いただければ幸いです！データ上の情報と

UPDATE：

• 私はデータの5シリーズと10のx軸のカテゴリを持って
• 私はXMLファイルを解析して、私はデータの多次元配列を構築しています
• 配列の長さは5で、それぞれの5つのインデックスには長さが10の配列が含まれています。
• これは、データが入力された後の配列です。

インデックス＃：0値：0,0,0,0,0,0,0,0,0,0

インデックス番号：1値：180,210,0,0,0,0,0 、0180210

インデックス番号：2値：22,4,0,0,0,0,0,0,22,4

インデックス番号：3値：0,0,0,0,0 、0,0,0,0,0

インデックス＃：4値：200,30,0,0,0,0,0,0,4,0

私はにデータを追加しています次のJSコードのグラフ：

for (var c_ary_bs = 0; c_ary_bs < ary_bs_schedule_orig.length; c_ary_bs++) { 
     chart.series[c_ary_bs].setData(ary_bs_schedule_orig[c_ary_bs]); 
    } 

うまくいけば、助けてくれます、ありがとう！

UPDATE 2、いくつかのより多くの情報

私はハードの問題を特定に役立つために、アレイに追加されたデータをコード化しました：

chart.series[0].setData([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]); 
    chart.series[1].setData([180, 210, 0, 0, 0, 0, 0, 0, 180, 210]); 
    chart.series[2].setData([22, 4, 0, 0, 0, 0, 0, 0, 22, 4]); 
    chart.series[3].setData([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]); 
    chart.series[4].setData([200, 30, 0, 0, 0, 0, 0, 0, 4, 0]); 
    alert('done') 

警告火災、グラフの列「OK」をクリックしてアラートを終了すると、以前の画像が示すようにアライメントの問題が発生します。

Answer 1

私は不完全な修正が見つかりました：70にチャートのmarginLeftを-setting

は、列がy軸タイトルのテキストをyの上に表示されるいくつかの理由-for

を揃えないとの問題を軽減ダニ-axisので、私はそれを見えるようにするには、次のように使用しています：

yAxis: { 
     title: { 
      x:-20, 
      text: 'Schedule Days' 
     } 
    } 

（X注意：-20）奇妙いただきまし

は、私は1 Oを切り替えるときということです（凡例でそれをクリックすることによって）yAxisのタイトルテキストが元の位置に戻ります（これは上記の修正により20pxになりました）。

完全な修正は、シリーズの1つを切り替えた後のyAxisテキストを置きますが、少なくともこの方法では、ユーザーがシリーズを切り替えるかどうかにかかわらず表示されます。