which part of the config is responsible for the overlapping. Here is the part that I wrote
new TimeChart({
container: document.getElementById('todayGraph'),
navigation:{
initialDisplayAnchor: 'oldestData'
},
area: {
maxHeight: 600,
minHeight:550
},
data:[
{
id: "today",
units: ["h"],
url: todayUrl
},
{
id: "yesterday",
units: ["h"],
url: yesterdayUrl
}
],
timeAxis: {
timeZone:"Europe/Dublin",
minUnitWidth: 1
},
valueAxis:{
"today":{
side:"left"
},
"yesterday":{
side:"left"
}
},
currentTime:{enabled:true},
toolbar:{
enabled: false
},
series:[
{
type:"line",
name:"Today",
valueAxis:"today",
data: {
index: 4,
aggregation:"avg",
source: 'today'
},
style:{
lineColor:"cyan",
lineWidth: 1
}
},
{
type:"columns",
name:"Yesterday",
valueAxis: "yesterday",
data: {
index: 4,
aggregation:"avg",
source:'yesterday'
},
style: {
fillColor: "rgba(153,204,0,1)",
depth: 3
}
}
]
});
But they don't overlap like they do on the example, the idea is to compare the values from two seperate days at the same hour. So today against yesterday, or yesterday with the day before at the same hours