在Highcharts中不顯示的第二個系列

-1

我正在嘗試創建一個圖來顯示系統的性能。我的問題是，由於某種原因，Higcharts不會意識到我有不止一個系列。第一個系列完美展現，然而第二個系列沒有被看到的地方。我正在使用Django 1.8循環來自字典的數據。在Highcharts中不顯示的第二個系列

我的系列代號：

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 
    }, 
]

來源

2017-03-16 William Moore

爲什麼你設置可見：false爲系列？，我很驚訝它顯示任何系列的所有 –

可見什麼設置爲false只爲隱藏系列在第一次加載圖形。可見與否，該系列應顯示在圖例中可以打開或關閉的圖例http://api.highcharts.com/highcharts/plotOptions.series.visible –

你的問題是無法補救的 - 沒有getFillColor/getLineColor的配置正常工作。你可以調整小提琴http://jsfiddle.net/tru0psqL/1/ - 你可以看到這個系列是隱藏的，他們的可見度可以切換。 – morganfree

你被明確告知該圖表不使用它來顯示在圖例中的系列：

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

當兩個系列相連時，只有第一個出現在圖例中。切換這個可見性也切換鏈接的系列。

參考：

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

從第二環取下linkedTo屬性，它應該工作的罰款。

來源

2017-03-16 13:38:12 jlbriggs

嘗試失敗。 linkedTo有一個目的。我正在使用它來顯示任務何時運行。我正在嘗試做的是顯示一個連貫的系列。所以當你顯示一個運行時，任務信息也會顯示出來。我在另一個非常相似的圖中使用了這種方法。問題是沒有顯示來自第二個循環的數據。 –

1）「嘗試失敗」以何種方式？請明確點。 2）linkedTo會將這個系列從圖例中隱藏起來，所以無論它是否有目的，它都會導致你描述的行爲，並且是爲了這個目的。 – jlbriggs

回到原來的文章，您似乎顯示第一個循環的輸出，但不顯示第二個循環的輸出。根本沒有什麼是從第二個循環輸出？如果是這種情況，那麼我們根本不需要查看圖表代碼。如果沒有，向我們顯示輸出。 – jlbriggs

在Highcharts中不顯示的第二個系列

回答

相關問題