使用填充不透明度高图表表示多个数据集

Question

我想在具有不同颜色的高图上同步预览多个数据集，但是一个数据集完全遮盖了另一个数据集，我希望两个数据集都可见，以便更好地进行比较。

$(function() {
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector : {
    selected : 1
        },
    title : {
        text : 'AAPL Stock Price'
        },

        series : [{
        name : 'AAPL Stock Price',
        data : [[1146441600000,6],
                           [1146528000000,5],
                           [1146614400000,10],
                           [1146700800000,7],
                           [1146787200000,12],
                           [1147046400000,8],
                           [1147132800000,9]],
            type : 'area',
            color:'red'
        },{
            name : 'AAPL Stock Price',
            data : [
                                    [1146787200000,22],
                                    [1147046400000,18],
                                    [1147132800000,1]],
            type : 'area',
            color:'green'
        }]
    });

}）;

请参阅此小提琴http://jsfiddle.net/swesh/ughPE/3/

Answer 1

您可以使用'rgba（）'作为颜色或将其定义为十六进制并使用fillOpacity参数，如下例所示。

http://jsfiddle.net/ughPE/7/