Help please: I have a simple line chart displaying temperature vs time. For some reason, the x-axis always puts most recent timestamp on the left and the oldest timestamp on the right. I want that reversed (x-axis origin should be the oldest timestamp) but can’t. Including “start” and “end” properties in the xAxis object seems to have no effect.
//the chart definition
var charts = {
view:“chart”,
type:“line”,
value:"#temperature#",
color:"#f6960a",
border:true,
offset:true,
xAxis: {
lines:false,
template: function(obj){
let date = webix.Date.dateToStr("%Y-%m-%d %H:%i:%s")(new Date(obj.id));
return date;
},
},
tooltip: {
template:"#temperature# degrees at #humanTs#"
},
eventRadius:20,
data: []
}
//data looks like this:
[{id: 1592323718314, temperature: “1.46”, humanTs: “2020-06-16 12:08:38” },
{id: 1592323118340, temperature: “-0.33”, humanTs: “2020-06-16 11:58:38” },
{id: 1592322518378, temperature: “-0.33”, humanTs: “2020-06-16 11:48:38” },
{id: 1592321918398, temperature: “0.05”, humanTs: “2020-06-16 11:38:38” },
{id: 1592321318494, temperature: “2.19”, humanTs: “2020-06-16 11:28:38” }
(…)]