Greetings,
I am currently facing a challenge in representing a series of data with apex charts.
The issue arises during data reading, as measurements are taken every 15 minutes, but only one data submission per hour occurs, encompassing all 4 measurements.
In the graph, the 4 points corresponding to these measurements overlap, as the x-axis used as a reference is the entry date into the platform.
1st column: automatic thinger.io timestamp
2nd column: date of the measurement
3rd column: utc date of the measurement
4rd column: timestamp/moment of measurement
In order to address this issue, I have considered the possibility of using a dual axis.
However, I have doubts about how to implement this or if it’s feasible.
How could this second axis be incorporated into the data series?
I haven’t found information in the Apex Charts documentation on “series: series,” (shown in line 2)
var options = {
series: series,
chart: {
type: 'area',
dropShadow: {
enabled: true,
top: 0,
left: 0,
blur: 3,
opacity: 0.2
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
xaxis: {
type: 'datetime',
labels: {
datetimeUTC: false
},
tooltip: {
enabled: false
}
},
yaxis: {
"labels": {
"formatter": function (val) {
return val.toFixed(2);
}
}
},
tooltip: {
x: {
format: 'dd/MM/yyyy HH:mm:ss'
}
}
};
I have tried various approaches following the Apex documentation, but so far, I have not been successful.
I appreciate any guidance or suggestions on how to tackle this problem.
Thank you in advance!