Post navigation


Price as Area with Gradient Fill

Starting from version 5.3.x it is possible to enable gradient fill for Area price-type.
It requires editing the relevant “chart.css.json.js for” file,  and adding a “fill2” and “fillOpacity” attributes with the required color and opacity.

You can locate the entry via price->area.

Solid fill:


Gradient fill version 5.3.x:

Gradient fill version 5.4.x:

stroke is the line color.
fill and fill2 are the gradient’s starting and ending colors.
fillOpacity is the gradient opacity.
fillOpacity2 is the gradient opacity for fill 2 (supported from version 5.4.0 and above).