How to make a "custom" highcharts graph with Domoticz data
Posted: Friday 13 May 2022 22:13
Hi!
I am trying to implement a highcharts graph with data from Domoticz but I cannot get it to work, this is what Ive setup:
Here is my response from my temp sensor in domoticz:
Here is my JS:
The result is just a blank page, no errors, no nothing.
Thanks in advance!
Best regards Max
I am trying to implement a highcharts graph with data from Domoticz but I cannot get it to work, this is what Ive setup:
Here is my response from my temp sensor in domoticz:
Code: Select all
{
"result" :
[
{
"d" : "2022-05-12 22:05",
"te" : 10.1
},
{
"d" : "2022-05-12 22:10",
"te" : 9.9000000000000004
},
{
"d" : "2022-05-12 22:15",
"te" : 9.8000000000000007
},
{
"d" : "2022-05-12 22:20",
"te" : 9.6999999999999993
},
{
"d" : "2022-05-12 22:25",
"te" : 9.5
},
{
"d" : "2022-05-12 22:30",
"te" : 9.3000000000000007
},
{
"d" : "2022-05-12 22:35",
"te" : 9.1999999999999993
},
{
"d" : "2022-05-12 22:40",
"te" : 9.1999999999999993
},
{
"d" : "2022-05-12 22:45",
"te" : 9.0999999999999996
},
{
"d" : "2022-05-12 22:50",
"te" : 9.0
},
{
"d" : "2022-05-12 22:55",
"te" : 8.9000000000000004
},
{
"d" : "2022-05-12 23:00",
"te" : 8.8000000000000007
},
{
"d" : "2022-05-12 23:05",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-12 23:10",
"te" : 8.5
},
{
"d" : "2022-05-12 23:15",
"te" : 8.5
},
{
"d" : "2022-05-12 23:20",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-12 23:25",
"te" : 8.5
},
{
"d" : "2022-05-12 23:30",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-12 23:35",
"te" : 8.8000000000000007
},
{
"d" : "2022-05-12 23:40",
"te" : 8.8000000000000007
},
{
"d" : "2022-05-12 23:45",
"te" : 8.9000000000000004
},
{
"d" : "2022-05-12 23:50",
"te" : 8.9000000000000004
},
{
"d" : "2022-05-12 23:55",
"te" : 8.8000000000000007
},
{
"d" : "2022-05-13 00:00",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:05",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:10",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:15",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:20",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:25",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:30",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:35",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:40",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 00:45",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 00:50",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 00:55",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:00",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 01:05",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:10",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:15",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:20",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:25",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:30",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 01:35",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 01:40",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:45",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 01:50",
"te" : 8.5
},
{
"d" : "2022-05-13 01:55",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 02:00",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 02:05",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 02:10",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 02:15",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 02:20",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 02:25",
"te" : 8.3000000000000007
},
{
"d" : "2022-05-13 02:30",
"te" : 8.1999999999999993
},
{
"d" : "2022-05-13 02:35",
"te" : 8.1999999999999993
},
{
"d" : "2022-05-13 02:40",
"te" : 8.1999999999999993
},
{
"d" : "2022-05-13 02:45",
"te" : 8.0999999999999996
},
{
"d" : "2022-05-13 02:50",
"te" : 8.0
},
{
"d" : "2022-05-13 02:55",
"te" : 7.9000000000000004
},
{
"d" : "2022-05-13 03:00",
"te" : 7.7000000000000002
},
{
"d" : "2022-05-13 03:05",
"te" : 7.5
},
{
"d" : "2022-05-13 03:10",
"te" : 7.4000000000000004
},
{
"d" : "2022-05-13 03:15",
"te" : 7.2999999999999998
},
{
"d" : "2022-05-13 03:20",
"te" : 7.2000000000000002
},
{
"d" : "2022-05-13 03:25",
"te" : 7.0
},
{
"d" : "2022-05-13 03:30",
"te" : 6.9000000000000004
},
{
"d" : "2022-05-13 03:35",
"te" : 6.9000000000000004
},
{
"d" : "2022-05-13 03:40",
"te" : 6.9000000000000004
},
{
"d" : "2022-05-13 03:45",
"te" : 6.7999999999999998
},
{
"d" : "2022-05-13 03:50",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 03:55",
"te" : 6.5999999999999996
},
{
"d" : "2022-05-13 04:00",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 04:05",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 04:10",
"te" : 6.7999999999999998
},
{
"d" : "2022-05-13 04:15",
"te" : 6.7999999999999998
},
{
"d" : "2022-05-13 04:20",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 04:25",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 04:30",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 04:35",
"te" : 6.5
},
{
"d" : "2022-05-13 04:40",
"te" : 6.2999999999999998
},
{
"d" : "2022-05-13 04:45",
"te" : 6.0999999999999996
},
{
"d" : "2022-05-13 04:50",
"te" : 5.9000000000000004
},
{
"d" : "2022-05-13 04:55",
"te" : 5.7999999999999998
},
{
"d" : "2022-05-13 05:00",
"te" : 5.5999999999999996
},
{
"d" : "2022-05-13 05:05",
"te" : 5.5
},
{
"d" : "2022-05-13 05:10",
"te" : 5.4000000000000004
},
{
"d" : "2022-05-13 05:15",
"te" : 5.2999999999999998
},
{
"d" : "2022-05-13 05:20",
"te" : 5.2999999999999998
},
{
"d" : "2022-05-13 05:25",
"te" : 5.2999999999999998
},
{
"d" : "2022-05-13 05:30",
"te" : 5.4000000000000004
},
{
"d" : "2022-05-13 05:35",
"te" : 5.5999999999999996
},
{
"d" : "2022-05-13 05:40",
"te" : 5.5999999999999996
},
{
"d" : "2022-05-13 05:45",
"te" : 5.7000000000000002
},
{
"d" : "2022-05-13 05:50",
"te" : 6.0
},
{
"d" : "2022-05-13 05:55",
"te" : 6.0999999999999996
},
{
"d" : "2022-05-13 06:00",
"te" : 6.2000000000000002
},
{
"d" : "2022-05-13 06:05",
"te" : 6.4000000000000004
},
{
"d" : "2022-05-13 06:10",
"te" : 6.4000000000000004
},
{
"d" : "2022-05-13 06:15",
"te" : 6.5
},
{
"d" : "2022-05-13 06:20",
"te" : 6.5999999999999996
},
{
"d" : "2022-05-13 06:25",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 06:30",
"te" : 6.7000000000000002
},
{
"d" : "2022-05-13 06:35",
"te" : 6.7999999999999998
},
{
"d" : "2022-05-13 06:40",
"te" : 6.9000000000000004
},
{
"d" : "2022-05-13 06:45",
"te" : 7.0
},
{
"d" : "2022-05-13 06:50",
"te" : 7.0999999999999996
},
{
"d" : "2022-05-13 06:55",
"te" : 7.2999999999999998
},
{
"d" : "2022-05-13 07:00",
"te" : 7.5
},
{
"d" : "2022-05-13 07:05",
"te" : 7.5999999999999996
},
{
"d" : "2022-05-13 07:10",
"te" : 7.7999999999999998
},
{
"d" : "2022-05-13 07:15",
"te" : 7.9000000000000004
},
{
"d" : "2022-05-13 07:20",
"te" : 8.0999999999999996
},
{
"d" : "2022-05-13 07:25",
"te" : 8.1999999999999993
},
{
"d" : "2022-05-13 07:30",
"te" : 8.4000000000000004
},
{
"d" : "2022-05-13 07:35",
"te" : 8.5999999999999996
},
{
"d" : "2022-05-13 07:40",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 07:45",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 07:50",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 07:55",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 08:00",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 08:05",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 08:10",
"te" : 8.6999999999999993
},
{
"d" : "2022-05-13 08:15",
"te" : 8.8000000000000007
},
{
"d" : "2022-05-13 08:20",
"te" : 9.0
},
{
"d" : "2022-05-13 08:25",
"te" : 9.0999999999999996
},
{
"d" : "2022-05-13 08:30",
"te" : 9.1999999999999993
},
{
"d" : "2022-05-13 08:35",
"te" : 9.4000000000000004
},
{
"d" : "2022-05-13 08:40",
"te" : 9.5
},
{
"d" : "2022-05-13 08:45",
"te" : 9.6999999999999993
},
{
"d" : "2022-05-13 08:50",
"te" : 9.8000000000000007
},
{
"d" : "2022-05-13 08:55",
"te" : 9.8000000000000007
},
{
"d" : "2022-05-13 09:00",
"te" : 9.9000000000000004
},
{
"d" : "2022-05-13 09:05",
"te" : 10.1
},
{
"d" : "2022-05-13 09:10",
"te" : 10.199999999999999
},
{
"d" : "2022-05-13 09:15",
"te" : 10.300000000000001
},
{
"d" : "2022-05-13 09:20",
"te" : 10.4
},
{
"d" : "2022-05-13 09:25",
"te" : 10.6
},
{
"d" : "2022-05-13 09:30",
"te" : 10.800000000000001
},
{
"d" : "2022-05-13 09:35",
"te" : 10.800000000000001
},
{
"d" : "2022-05-13 09:40",
"te" : 10.9
},
{
"d" : "2022-05-13 09:45",
"te" : 11.1
},
{
"d" : "2022-05-13 09:50",
"te" : 11.300000000000001
},
{
"d" : "2022-05-13 09:55",
"te" : 11.4
},
{
"d" : "2022-05-13 10:00",
"te" : 11.5
},
{
"d" : "2022-05-13 10:05",
"te" : 11.6
},
{
"d" : "2022-05-13 10:10",
"te" : 11.800000000000001
},
{
"d" : "2022-05-13 10:15",
"te" : 11.9
},
{
"d" : "2022-05-13 10:20",
"te" : 12.1
},
{
"d" : "2022-05-13 10:25",
"te" : 12.199999999999999
},
{
"d" : "2022-05-13 10:30",
"te" : 12.5
},
{
"d" : "2022-05-13 10:35",
"te" : 12.6
},
{
"d" : "2022-05-13 10:40",
"te" : 12.6
},
{
"d" : "2022-05-13 10:45",
"te" : 12.699999999999999
},
{
"d" : "2022-05-13 10:50",
"te" : 12.800000000000001
},
{
"d" : "2022-05-13 10:55",
"te" : 12.9
},
{
"d" : "2022-05-13 11:00",
"te" : 13.199999999999999
},
{
"d" : "2022-05-13 11:05",
"te" : 13.6
},
{
"d" : "2022-05-13 11:10",
"te" : 13.6
},
{
"d" : "2022-05-13 11:15",
"te" : 13.9
},
{
"d" : "2022-05-13 11:20",
"te" : 14.4
},
{
"d" : "2022-05-13 11:25",
"te" : 14.9
},
{
"d" : "2022-05-13 11:30",
"te" : 14.699999999999999
},
{
"d" : "2022-05-13 11:35",
"te" : 14.6
},
{
"d" : "2022-05-13 11:40",
"te" : 15.0
},
{
"d" : "2022-05-13 11:45",
"te" : 15.6
},
{
"d" : "2022-05-13 11:50",
"te" : 15.199999999999999
},
{
"d" : "2022-05-13 11:55",
"te" : 15.4
},
{
"d" : "2022-05-13 12:00",
"te" : 16.300000000000001
},
{
"d" : "2022-05-13 12:05",
"te" : 16.699999999999999
},
{
"d" : "2022-05-13 12:10",
"te" : 17.0
},
{
"d" : "2022-05-13 12:15",
"te" : 17.0
},
{
"d" : "2022-05-13 12:20",
"te" : 17.199999999999999
},
{
"d" : "2022-05-13 12:25",
"te" : 17.100000000000001
},
{
"d" : "2022-05-13 12:30",
"te" : 17.199999999999999
},
{
"d" : "2022-05-13 12:35",
"te" : 17.199999999999999
},
{
"d" : "2022-05-13 12:40",
"te" : 17.199999999999999
},
{
"d" : "2022-05-13 12:45",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 12:50",
"te" : 17.199999999999999
},
{
"d" : "2022-05-13 12:55",
"te" : 16.800000000000001
},
{
"d" : "2022-05-13 13:00",
"te" : 16.5
},
{
"d" : "2022-05-13 13:05",
"te" : 17.100000000000001
},
{
"d" : "2022-05-13 13:10",
"te" : 18.399999999999999
},
{
"d" : "2022-05-13 13:15",
"te" : 17.800000000000001
},
{
"d" : "2022-05-13 13:20",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 13:25",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 13:30",
"te" : 17.600000000000001
},
{
"d" : "2022-05-13 13:35",
"te" : 17.600000000000001
},
{
"d" : "2022-05-13 13:40",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 13:45",
"te" : 16.699999999999999
},
{
"d" : "2022-05-13 13:50",
"te" : 16.600000000000001
},
{
"d" : "2022-05-13 13:55",
"te" : 16.600000000000001
},
{
"d" : "2022-05-13 14:00",
"te" : 16.800000000000001
},
{
"d" : "2022-05-13 14:05",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 14:10",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 14:15",
"te" : 16.5
},
{
"d" : "2022-05-13 14:20",
"te" : 16.399999999999999
},
{
"d" : "2022-05-13 14:25",
"te" : 16.600000000000001
},
{
"d" : "2022-05-13 14:30",
"te" : 17.0
},
{
"d" : "2022-05-13 14:35",
"te" : 16.800000000000001
},
{
"d" : "2022-05-13 14:40",
"te" : 16.399999999999999
},
{
"d" : "2022-05-13 14:45",
"te" : 16.5
},
{
"d" : "2022-05-13 14:50",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 14:55",
"te" : 17.399999999999999
},
{
"d" : "2022-05-13 15:00",
"te" : 17.300000000000001
},
{
"d" : "2022-05-13 15:05",
"te" : 18.0
},
{
"d" : "2022-05-13 15:10",
"te" : 17.800000000000001
},
{
"d" : "2022-05-13 15:15",
"te" : 17.5
},
{
"d" : "2022-05-13 15:20",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 15:25",
"te" : 17.699999999999999
},
{
"d" : "2022-05-13 15:30",
"te" : 18.300000000000001
},
{
"d" : "2022-05-13 15:35",
"te" : 18.300000000000001
},
{
"d" : "2022-05-13 15:40",
"te" : 17.800000000000001
},
{
"d" : "2022-05-13 15:45",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 15:50",
"te" : 17.800000000000001
},
{
"d" : "2022-05-13 15:55",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 16:00",
"te" : 18.300000000000001
},
{
"d" : "2022-05-13 16:05",
"te" : 18.5
},
{
"d" : "2022-05-13 16:10",
"te" : 18.899999999999999
},
{
"d" : "2022-05-13 16:15",
"te" : 19.300000000000001
},
{
"d" : "2022-05-13 16:20",
"te" : 18.899999999999999
},
{
"d" : "2022-05-13 16:25",
"te" : 18.699999999999999
},
{
"d" : "2022-05-13 16:30",
"te" : 18.699999999999999
},
{
"d" : "2022-05-13 16:35",
"te" : 18.399999999999999
},
{
"d" : "2022-05-13 16:40",
"te" : 17.699999999999999
},
{
"d" : "2022-05-13 16:45",
"te" : 17.5
},
{
"d" : "2022-05-13 16:50",
"te" : 17.800000000000001
},
{
"d" : "2022-05-13 16:55",
"te" : 18.199999999999999
},
{
"d" : "2022-05-13 17:00",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 17:05",
"te" : 17.600000000000001
},
{
"d" : "2022-05-13 17:10",
"te" : 17.699999999999999
},
{
"d" : "2022-05-13 17:15",
"te" : 18.0
},
{
"d" : "2022-05-13 17:20",
"te" : 18.300000000000001
},
{
"d" : "2022-05-13 17:25",
"te" : 18.300000000000001
},
{
"d" : "2022-05-13 17:30",
"te" : 17.600000000000001
},
{
"d" : "2022-05-13 17:35",
"te" : 18.100000000000001
},
{
"d" : "2022-05-13 17:40",
"te" : 17.899999999999999
},
{
"d" : "2022-05-13 17:45",
"te" : 17.600000000000001
},
{
"d" : "2022-05-13 17:50",
"te" : 17.5
},
{
"d" : "2022-05-13 17:55",
"te" : 17.0
},
{
"d" : "2022-05-13 18:00",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 18:05",
"te" : 16.800000000000001
},
{
"d" : "2022-05-13 18:10",
"te" : 17.100000000000001
},
{
"d" : "2022-05-13 18:15",
"te" : 17.100000000000001
},
{
"d" : "2022-05-13 18:20",
"te" : 17.100000000000001
},
{
"d" : "2022-05-13 18:25",
"te" : 16.899999999999999
},
{
"d" : "2022-05-13 18:30",
"te" : 17.0
},
{
"d" : "2022-05-13 18:35",
"te" : 16.699999999999999
},
{
"d" : "2022-05-13 18:40",
"te" : 16.5
},
{
"d" : "2022-05-13 18:45",
"te" : 16.300000000000001
},
{
"d" : "2022-05-13 18:50",
"te" : 16.100000000000001
},
{
"d" : "2022-05-13 18:55",
"te" : 15.9
},
{
"d" : "2022-05-13 19:00",
"te" : 15.800000000000001
},
{
"d" : "2022-05-13 19:05",
"te" : 15.800000000000001
},
{
"d" : "2022-05-13 19:10",
"te" : 15.5
},
{
"d" : "2022-05-13 19:15",
"te" : 15.4
},
{
"d" : "2022-05-13 19:20",
"te" : 15.199999999999999
},
{
"d" : "2022-05-13 19:25",
"te" : 15.0
},
{
"d" : "2022-05-13 19:30",
"te" : 14.9
},
{
"d" : "2022-05-13 19:35",
"te" : 14.800000000000001
},
{
"d" : "2022-05-13 19:40",
"te" : 14.5
},
{
"d" : "2022-05-13 19:45",
"te" : 14.300000000000001
},
{
"d" : "2022-05-13 19:50",
"te" : 14.1
},
{
"d" : "2022-05-13 19:55",
"te" : 14.0
},
{
"d" : "2022-05-13 20:00",
"te" : 13.9
},
{
"d" : "2022-05-13 20:05",
"te" : 13.800000000000001
},
{
"d" : "2022-05-13 20:10",
"te" : 13.699999999999999
},
{
"d" : "2022-05-13 20:15",
"te" : 13.5
},
{
"d" : "2022-05-13 20:20",
"te" : 13.4
},
{
"d" : "2022-05-13 20:25",
"te" : 13.199999999999999
},
{
"d" : "2022-05-13 20:30",
"te" : 13.1
},
{
"d" : "2022-05-13 20:35",
"te" : 13.0
},
{
"d" : "2022-05-13 20:40",
"te" : 12.9
},
{
"d" : "2022-05-13 20:45",
"te" : 12.800000000000001
},
{
"d" : "2022-05-13 20:50",
"te" : 12.699999999999999
},
{
"d" : "2022-05-13 20:55",
"te" : 12.6
},
{
"d" : "2022-05-13 21:00",
"te" : 12.4
},
{
"d" : "2022-05-13 21:05",
"te" : 12.300000000000001
},
{
"d" : "2022-05-13 21:10",
"te" : 12.1
},
{
"d" : "2022-05-13 21:15",
"te" : 11.9
},
{
"d" : "2022-05-13 21:20",
"te" : 11.699999999999999
},
{
"d" : "2022-05-13 21:25",
"te" : 11.6
},
{
"d" : "2022-05-13 21:30",
"te" : 11.4
},
{
"d" : "2022-05-13 21:35",
"te" : 11.199999999999999
},
{
"d" : "2022-05-13 21:40",
"te" : 11.0
},
{
"d" : "2022-05-13 21:45",
"te" : 10.800000000000001
},
{
"d" : "2022-05-13 21:50",
"te" : 10.699999999999999
},
{
"d" : "2022-05-13 21:55",
"te" : 10.6
},
{
"d" : "2022-05-13 22:00",
"te" : 10.300000000000001
},
{
"d" : "2022-05-13 22:05",
"te" : 10.1
}
],
"status" : "OK",
"title" : "Graph temp day"
}Code: Select all
Highcharts.getJSON('http://10.0.0.10:8080/json.htm?idx=566&range=day&sensor=temp&type=graph', function (data) {
// Create the chart
Highcharts.stockChart('container', {
rangeSelector: {
selected: 1
},
title: {
text: 'Domoticz'
},
series: [{
name: 'Domoticz',
data: data.result,
tooltip: {
valueDecimals: 2
}
}]
});
});Thanks in advance!
Best regards Max