CODEWITHSUNDEEP
javascripthighcharts
sma
sma

Reputation: 9597

Is it possible to maintain the fillcolor when the y-axis is reversed?

I have a line graph that uses a fillColor / linearGradient. When I reverse the y-axis, the fill moves to be from the line up to the top of the graph. I want it to stay as the fill from the line down to the x-axis.

For example:

http://highcharts.com/stock/demo/yaxis-reversed

Notice that the blue fill is above the line when the Y-axis is reversed. I want it to remain below the line even when I reverse the axis.

Is this possible?

Upvotes: 1

Views: 290

Answers (1)

wergeld
wergeld

Reputation: 14442

Here is a simple example as explained in my comment. I hope this helps.

This is the important part:

    chart: {
            renderTo: 'container',
            ...
            backgroundColor: {
                linearGradient: [0, 0, 0, 300],
                    stops: [
                        [0, 'rgb(69, 114, 167)'],
                        [1, 'rgba(2,0,0,0)']
                    ]
            },
        },
...
    plotOptions: {
                series: {
                    fillColor: 'white'
                }
            },

Upvotes: 2

Related Questions