第二系列未在 Highcharts 中显示

Question

我正在尝试创建一个图表来显示系统的性能。我的问题是，由于某种原因，Higcharts 不会承认我有多个系列。第一个系列显示完美，但是第二个却看不到。 我正在使用 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}}

当两个系列链接时，只有第一个出现在图例中。 切换 this 的可见性也会切换链接的系列。

参考：

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

从第二个循环中删除 linkedTo 属性，它应该可以正常工作。