ハイチャートで第2シリーズが表示されない

Question

システムのパフォーマンスを表示するグラフを作成しようとしています。私の問題は、Higchartsが、何らかの理由で、私が複数のシリーズを持っていることを認識しないということです。最初のシリーズは完全に表示されますが、2番目のシリーズは見えない場所です。 Django 1.8を使用して辞書からデータをループしています。

マイシリーズコード：

series: [ 
    {% for ID, run in attDict.items|sort %} 
    { 
     yAxis: 0, 
     id: "Run" + {{forloop.counter}}, 
     name: "RunID " + {{ID}}, 
     color: getLineColor({{ID}}), 
     data: {{run}}, 
     marker: { 
      fillColor: getFillColor({{forloop.counter}}), 
     }, 
     visible: false 
     }, 
    {% endfor %} 

    {% for key, task in TaskE.items|sort %} 
    { 
     yAxis: 1, 
     id: "during", 
     linkedTo: "Run" + {{forloop.counter}}, 
     name: "Duringtask for run " + {{key}} 
     type: 'area', 
     color: '#12e000', 
     fillOpacity: 0.3, 
     data: {{task}}, 
     visible: fasle 
     }{% if forloop.last %}{% else %},{% endif %} 
    {% endfor %} 
    ] 

このような出力を見て：

series: [ 
    { 
     yAxis: 0, 
     id: "Run" + 1, 
     name: "RunID " + 250, 
     color: getLineColor(250), 
     data: [0, 0, 0, 0, 0, 0, 6, 33, 27, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 83, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
     marker: { 
      fillColor: getFillColor(1), 
     }, 
     visible: false 
    }, 

    { 
     yAxis: 0, 
     id: "Run" + 2, 
     name: "RunID " + 256, 
     color: getLineColor(256), 
     data: [0, 0, 0, 1, 0, 0, 0, 0], 
     marker: { 
      fillColor: getFillColor(2), 
     }, 
     visible: false 
    }, 

    { 
     yAxis: 0, 
     id: "Run" + 3, 
     name: "RunID " + 257, 
     color: getLineColor(257), 
     data: [0, 0, 0, 1, 0, 0, 0, 0], 
     marker: { 
      fillColor: getFillColor(3), 
     }, 
     visible: false 
    }, 

    { 
     yAxis: 0, 
     id: "Run" + 4, 
     name: "RunID " + 265, 
     color: getLineColor(265), 
     data: [83, 0, 101, 0, 0, 96, 0], 
     marker: { 
      fillColor: getFillColor(4), 
     }, 
     visible: false 
    }, 

    { 
     yAxis: 0, 
     id: "Run" + 5, 
     name: "RunID " + 295, 
     color: getLineColor(295), 
     data: [14, 3, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 70, 0, 0, 0, 37, 0, 0, 0, 0, 0, 9, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 83, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 45, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 77, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 0, 0, 0, 0, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 67, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 88, 0, 0, 0, 0, 14, 0, 0, 0, 0, 0, 0, 0, 0, 0, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 32, 0, 0, 3, 0, 58, 0, 0, 0, 0, 0, 0, 0, 0, 14, 0, 0, 0, 0, 0, 0, 0, 0, 0], 
     marker: { 
      fillColor: getFillColor(5), 
     }, 
     visible: false 
    }, 

    { 
     yAxis: 0, 
     id: "Run" + 6, 
     name: "RunID " + 296, 
     color: getLineColor(296), 
     data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 116, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 0, 0, 0, 1, 0, 0, 0, 0, 28, 15], 
     marker: { 
      fillColor: getFillColor(6), 
     }, 
     visible: false 
    }, 
] 

Answer 1

あなたが明示的にこれを使用することにより、凡例の系列を表示しないようにチャートを言っている：

linkedTo: "Run" + {{forloop.counter}} 

2つのシリーズがリンクされている場合は、最初のリンクのみ伝説に現れます。 これを表示/非表示にすると、リンクされた系列が切り替わります。

参考：

• http://api.highcharts.com/highcharts/plotOptions.series.linkedTo

第二のループからlinkedToプロパティを削除し、それが正常に動作する必要があります。