Area Chart: Line and area of different colors

[xavcactus]

Hi!

I would like to represent data with a Area Chart though, I would like to have the “fill color” (or area color) different than the “line color”.

I noticed a comment from 2016

Is there a way to separately change the color of the line and the fill?

Lets say I want to make the line red and the fill green.

And your reply:

We have considered this feature for future release. As of now you have to use two different dataSeries (one line and another of type area) with the same set of dataPoints to achieve this

Having to dataset JUST for this purpose is not acceptable (we have thousands values on the X axis, and it is “yet another canvas js hack” we already have too much, the code is not clean anymore)

Could you ping me here when we’ll have a new parameter for the color of the line please?

thanks

[Vishwas R]

@xavcactus,

Setting color and lineColor properties should work fine in your case.

If you are still facing the issue, kindly create a JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you out.

From what we have observed, sometimes things get delayed mostly when we are not able to reproduce the issue or not able to understand the exact requirements or the solution that we provide may not work properly due to the variation in chart-options being used by you and us.

Having a JSFiddle helps us in figuring out the issue and many a time we can just edit your code on JSFiddle to fix the issue right away.

—
Vishwas R
Team CanvasJS

[xavcactus]

Perfect, that is what I was looking. I totally missed it.
Cheers