Serious issue on time scaling bar data with x/y coordinates

[Montrazul]

I wanted to create a combined chart containing line data and bar data which are both independent from each other and are providing data to set with x/y coordinates in a time scale.

Here is the current solution in a js fiddle:

[https://jsfiddle.net/av15kuwj/6/](combined chart with line %28x/y%29 and bar only y)

As you can see for the line data i provided a x and y value for each entry. Now i wanted to do the same for the bar data:

[https://jsfiddle.net/o7Lk1m0n/1/](combined chart with line %28x/y%29 and bar %28x/y%29)

As you can see the bar data now isnt even showing up. What i need to do is to have a chart showing to completely independent datasets, one line dataset and one bar dataset in a time scale and i need to be able to define their positions by providing x and y coordinates.

[etimberg]

@Montrazul using an { x: , y: } data syntax is not supported for bars. Further, bars on time axes have sizing issues so if this worked you would not get the result you want.

[Montrazul]

So there is no possibility to display independent datasets in a combined line and bar data chart?

[etimberg]

that is not currently possible

[AlexeiDarmin]

+1 for this feature, trying to make something along the lines of a price/volume chart like in Google Finance and noticed that the bars don't line up.

If one were to submit a PR for this functionality, would it have to be backwards compatible with the current data : Array<Number> implementation of bars? Also it may conflict with other ongoing issues such as #2323 which should affect how the bars are drawn and resized in the future.

[etimberg]

@AlexDar it does not necessarily need to be backwards compatible with an array of numbers. I agree that it might affect the other bar sizing issues. Maybe we should tackle those first

[AlexeiDarmin]

@etimberg agreed.

Is there any temporary work around that could achieve this effect with a line graph that has multiple datasets?

I'm trying combinations of stepped, showLine, spanGaps, fill to create a discrete disconnected graph of points whereby the fill property would create a bar (failing here). Since they're stacked line charts they align on the x-axis, and perhaps the width of the bar could also be set to look more like a bar.

However I've failed to create the discrete points with a working fill beneath them.

I'm not proficient in canvas but I imagine there must be an 'area' to fill, therefore if it's even possible to convert the line into a discrete set of points, then there would be no area to fill unless each point created a vertical line along the y-axis.

[etimberg]

When we fill the line, we automatically go down to the baseline of the chart when spanGaps == false. You could make a 'bar' with 2 points, one for each corner and then an NaN value inbetween. This might have the effect you are looking for. I don't know how the tooltips would work though

[benmccann]

@Montrazul bar chart on a time scale should work well with the release of 2.7. Can you check out the latest version and see if it works for you?

Here's a sample: http://www.chartjs.org/samples/latest/scales/time/financial.html

[benmccann]

I'm closing this as fixed in 2.7. Please feel free to reopen if you don't think it's addressed yet