Chart.js: Are line chart fills always supposed to fill down and right?

[Andrew-Max]

I have this question up with more detail on stackoverflow at: http://stackoverflow.com/questions/34161616/chart-js-line-graphs-fill-area-above-line-as-opposed-to-below-and-to-the-right?noredirect=1#comment56075183_34161616

I have a chart.js which displays two different lines, on which will always be positive and one which will always be negative.

I want to visualize the area between both lines and a value of 0 on the y axis and therefore want to fill in below the the positive line and above the negative line both ending at 0. Chart.js however always fills in the line to the bottom right of a given line as far as I cant tell.

Correct Behaviour: (from chartist.js)

Incorrect Behaviour: (from chart.js)

Is there a way to configure a point which fills should fill to? Am I just doing something wrong?

[etimberg]

@Andrew-Max I think v1 always fills to the bottom. V2 will fill to the 0 point if it exists. Otherwise the top will be used if the data is negative and the bottom will be used if the data is positive.

[stereoa]

Also interested in this topic. I am trying to fill away from 0. I've spent about 6 hours today trying to figure out how to extend the Line element and do something like this.

EDIT: Actually to be fair, I have 3 lines. One is "0" for all intensive purposes and I want the other two lines to fill away from the control line.

[etimberg]

@stereoa are you using v1 or v2?

[etimberg]

Closing as this is natively supported in v2.

[Aupajo]

@etimberg Is that example available anywhere?

[miguelperes]

@etimberg Is that example available anywhere?

I am also having a hard time finding an example/documentation of this feature.

[Lesiuk]

Where is the documentation for it?

[etimberg]

@Lesiuk this happens automatically in v2. If the y axis has a 0 point, the line is filled to that point. If all the values on the axis are negative it fills to the top. If all the values are positive it fills to the bottom.