Range Chart with uniform axis

Webix JS
#1

I was trying to look for a line chart with a uniform Xaxis. I was told that this would be possible with the scatter chart in webix 5.4. I was able to confirm that it works. But I now have new issues with this. I am trying to create a range chart with the scatter chart and I ran into the following issue:

The selected range on screen shows different values than what is returned by getFrameRange. The following snippet shows that the selected range is larger than the values in the message.

https://snippet.webix.com/5o3lsj7f

This was a bug in the line chart too as shown in

https://snippet.webix.com/z4yknp8j

but I was hoping it was fixed in the 5.4 version.

Can this be confirmed to be a bug or is really something that I am doing wrong ?

#2

Hello,

The point is that RangeChart can work only with the first series to determine the frame position relative to data items. Normally, each data item contains data for all the series, like:

{ time:..,  amount1:"", amount2: "", amount3, ""}

and the problem does not arise.

However, in your case there’re separate data items for two series, that’s why data item index is not equal with the point index.

So I can suggest adding an extra series (the first one) that will contain points for all the data items. You can make it invisible, if you like:

$$("rchart").addSeries({
   value: 50, //any
   line: { color: "green", width:0.1},
   item: { radius: 0.1}
});

https://snippet.webix.com/0e8t0rdc

Also, I agree that this is not an expected behaviour, so we will check RangeChart logic and probably adjust it to working with mixed data.