Representing multiple dataseries with fill opacity highcharts

I want to comapre multiple dataseries on highcharts with different colors but one dataseries completely overshadows the another, I want both dataseries to be visible for a better comparision.

$(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'
        }]
    });

});

Refer this fiddle http://jsfiddle.net/swesh/ughPE/3/

Answers


You can use 'rgba()' as color or define it as hex and use fillOpacity parameter like in the example, below.

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


Need Your Help

Maven: How to include my external jar into build executable jar

java spring maven jar

I am writing Spring app and I have two external jars there. It works in IDE, but when I building the executable jar with maven it fails with error java.lang.NoClassDefFoundError: to my external jar...