09-01-2020, 10:16 PM
Yes, the HTML and the JS are working fine, with the constants taken by the script to plot the line chart.
This is the script where the values are inserted. The line in bold is where the array of variables or values from Delphi should go. It represents points on the y axis.
l1 = new RGraph.SVG.Line({
id: 'cc1',
data: [22,61,64,35,91,59,62,91,124,94,77,196,309,147,102,107,199,36,0,0,0,0,0,0],
options: {
key: ['Consumo (kWh)'],
keyColorShape: 'circle',
keyTextSize: 10,
keyOffsetx: -220,
marginTop: 35,
filled: true,
colors: ['#058DC7'],
linewidth: 3,
tickmarksStyle: 'filledcircle',
filledOpacity: 0.75,
filledColors: ['#E6F4FA'],
textSize: 8,
yaxis: false,
yaxisScaleMax: 400,
yaxisLabelsCount: 2,
xaxis:false,
// The X axis labels for the chart
xaxisLabels: [
'00:00','','','','04:00','',
'','','08:00','','','',
'12:00','','','','16:00','',
'','','20:00','','','23:00'
],
backgroundGridBorder: false,
backgroundGridVlines: false,
backgroundGridHlinesCount: 2
}
}).draw();
This is the script where the values are inserted. The line in bold is where the array of variables or values from Delphi should go. It represents points on the y axis.
l1 = new RGraph.SVG.Line({
id: 'cc1',
data: [22,61,64,35,91,59,62,91,124,94,77,196,309,147,102,107,199,36,0,0,0,0,0,0],
options: {
key: ['Consumo (kWh)'],
keyColorShape: 'circle',
keyTextSize: 10,
keyOffsetx: -220,
marginTop: 35,
filled: true,
colors: ['#058DC7'],
linewidth: 3,
tickmarksStyle: 'filledcircle',
filledOpacity: 0.75,
filledColors: ['#E6F4FA'],
textSize: 8,
yaxis: false,
yaxisScaleMax: 400,
yaxisLabelsCount: 2,
xaxis:false,
// The X axis labels for the chart
xaxisLabels: [
'00:00','','','','04:00','',
'','','08:00','','','',
'12:00','','','','16:00','',
'','','20:00','','','23:00'
],
backgroundGridBorder: false,
backgroundGridVlines: false,
backgroundGridHlinesCount: 2
}
}).draw();