用填充不透明度高脑显示多个数据系列

Question

我想在具有不同颜色的HighCharts上使用多个数据等，但一个数据套装完全遮盖了另一个数据等，我希望两个数据植物可见以进行更好的比较。

$(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/