javascript - Highcharts 组合图：列覆盖线系列标记

Question

我正在使用 Highstocks，我在图表中既有柱又有线。唯一的问题是，这些列似乎掩盖了我使用 highstock 而不是 highchart 的线标记。这是我的高调小提琴

http://jsfiddle.net/6JACr/1/

这是一个示例 highchart fiddle，其中列系列不覆盖线标记。

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo/

这段代码可能不相关，但我需要添加它，否则 stackoverflow 不会让我发布。

这是我的highstock系列

accu_series = {
        name: "ACCU",
        data: accu_data,
        yAxis: 1
};
all_series[0] = accu_series;
nu_series = {
        name: "NU",
        type: "column",
        data: nu_data,
        stack: 0
};
all_series[1] = nu_series;
dau_series = {
        name: "DAU",
        type: "column",
        data: dau_data,
        stack: 0
};
all_series[2] = dau_series;

Answer 1

JSFiddle

只需更改图表的顺序。我认为这就是决定什么是最重要的。

function fill_series() {
    nu_series = {
        name: "NU",
        type: "column",
        data: nu_data,
        stack: 0
    };
    all_series[0] = nu_series;
    dau_series = {
        name: "DAU",
        type: "column",
        data: dau_data,
        stack: 0
    };
    all_series[1] = dau_series;        
    accu_series = {
        name: "ACCU",
        type: 'spline',
        data: accu_data,
        yAxis: 1,
        marker: {
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[3],
            fillColor: 'white'
        }
    };
    all_series[2] = accu_series;
}