高图表组合图:覆盖线系列标记的列



我正在使用Highstocks,我在图表中同时有柱和线。唯一的问题是,这些列似乎掩盖了我使用高库存而不是高图表的线条标记。这是我的高音小提琴

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

这是一个示例高图表小提琴,其中列系列未覆盖行标记。

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

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

这是我的高库存系列

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;

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;
}

最新更新