Line chart from external Json

[brogenParticipant]

Hi all,

I’m trying to get working a line chart, with external datas.

I want to know if my chart can load datas from an URL (http://192.168.0.1/password/te/graph/0/day). For information, it’s for home automation (domotic ?), with the Homewizard box

Does anyone have an example of something like it ?

Thanks for all.

The datas looks like :
{"status": "ok", "version": "3.37", "request": {"route": "/te" }, "response": [{"t":"2016-08-11 00:10","te":23.5,"hu":5},{"t":"2016-08-11 00:25","te":23.5,"hu":5},{"t":"2016-08-11 00:40","te":23.4,"hu":5},{"t":"2016-08-11 00:55","te":23.4,"hu":5},{"t":"2016-08-11 01:10","te":23.3,"hu":5},{"t":"2016-08-11 01:25","te":23.3,"hu":5},{"t":"2016-08-11 01:40","te":23.2,"hu":5},{"t":"2016-08-11 01:55","te":23.2,"hu":5},{"t":"2016-08-11 02:10","te":23.2,"hu":5},{"t":"2016-08-11 02:25","te":23.1,"hu":5},{"t":"2016-08-11 02:40","te":23.1,"hu":5},{"t":"2016-08-11 02:55","te":23.1,"hu":5},{"t":"2016-08-11 03:10","te":23.1,"hu":5},{"t":"2016-08-11 03:25","te":23.0,"hu":5},{"t":"2016-08-11 03:40","te":23.0,"hu":5},{"t":"2016-08-11 03:55","te":23.0,"hu":5},{"t":"2016-08-11 04:10","te":22.9,"hu":5},{"t":"2016-08-11 04:25","te":22.9,"hu":5},{"t":"2016-08-11 04:40","te":22.9,"hu":5},{"t":"2016-08-11 04:55","te":22.9,"hu":5},{"t":"2016-08-11 05:10","te":22.9,"hu":5},{"t":"2016-08-11 05:25","te":22.9,"hu":5},{"t":"2016-08-11 05:40","te":22.9,"hu":5},{"t":"2016-08-11 05:55","te":22.8,"hu":5},{"t":"2016-08-11 06:10","te":22.8,"hu":5},{"t":"2016-08-11 06:25","te":22.8,"hu":5},{"t":"2016-08-11 06:40","te":22.8,"hu":5},{"t":"2016-08-11 06:55","te":22.8,"hu":5},{"t":"2016-08-11 07:10","te":22.8,"hu":5},{"t":"2016-08-11 07:25","te":22.9,"hu":5},{"t":"2016-08-11 07:40","te":22.9,"hu":5},{"t":"2016-08-11 07:55","te":22.9,"hu":5},{"t":"2016-08-11 08:10","te":22.9,"hu":5},{"t":"2016-08-11 08:25","te":23.0,"hu":5},{"t":"2016-08-11 08:40","te":23.1,"hu":5},{"t":"2016-08-11 08:55","te":23.2,"hu":5},{"t":"2016-08-11 09:10","te":23.2,"hu":5},{"t":"2016-08-11 09:25","te":23.3,"hu":5},{"t":"2016-08-11 09:40","te":23.4,"hu":5},{"t":"2016-08-11 09:55","te":23.4,"hu":5},{"t":"2016-08-11 10:10","te":23.5,"hu":5},{"t":"2016-08-11 10:25","te":23.5,"hu":5},{"t":"2016-08-11 10:40","te":23.6,"hu":5},{"t":"2016-08-11 10:55","te":23.5,"hu":5},{"t":"2016-08-11 11:10","te":23.5,"hu":5},{"t":"2016-08-11 11:25","te":23.5,"hu":5},{"t":"2016-08-11 11:40","te":23.4,"hu":5},{"t":"2016-08-11 11:55","te":23.4,"hu":5},{"t":"2016-08-11 12:10","te":23.4,"hu":5},{"t":"2016-08-11 12:25","te":23.4,"hu":5},{"t":"2016-08-11 12:40","te":23.4,"hu":5},{"t":"2016-08-11 12:55","te":23.4,"hu":5},{"t":"2016-08-11 13:10","te":23.4,"hu":5},{"t":"2016-08-11 13:25","te":23.4,"hu":5},{"t":"2016-08-11 13:40","te":23.4,"hu":5},{"t":"2016-08-11 13:55","te":23.3,"hu":5},{"t":"2016-08-11 14:10","te":23.3,"hu":5},{"t":"2016-08-11 14:25","te":23.3,"hu":5},{"t":"2016-08-11 14:40","te":23.2,"hu":5},{"t":"2016-08-11 14:55","te":23.2,"hu":5},{"t":"2016-08-11 15:10","te":23.3,"hu":5},{"t":"2016-08-11 15:25","te":23.3,"hu":5},{"t":"2016-08-11 15:40","te":23.3,"hu":5},{"t":"2016-08-11 15:55","te":23.3,"hu":5},{"t":"2016-08-11 16:10","te":23.3,"hu":5},{"t":"2016-08-11 16:25","te":23.4,"hu":5},{"t":"2016-08-11 16:40","te":23.4,"hu":5},{"t":"2016-08-11 16:55","te":23.4,"hu":5},{"t":"2016-08-11 17:10","te":23.5,"hu":5},{"t":"2016-08-11 17:25","te":23.5,"hu":5},{"t":"2016-08-11 17:40","te":23.5,"hu":5},{"t":"2016-08-11 17:55","te":23.5,"hu":5},{"t":"2016-08-11 18:10","te":23.6,"hu":5},{"t":"2016-08-11 18:25","te":23.6,"hu":5},{"t":"2016-08-11 18:40","te":23.5,"hu":5},{"t":"2016-08-11 18:55","te":23.4,"hu":5},{"t":"2016-08-11 19:10","te":23.4,"hu":5},{"t":"2016-08-11 19:25","te":23.3,"hu":5},{"t":"2016-08-11 19:40","te":23.3,"hu":5},{"t":"2016-08-11 19:55","te":23.3,"hu":5},{"t":"2016-08-11 20:10","te":23.3,"hu":5},{"t":"2016-08-11 20:25","te":23.7,"hu":5},{"t":"2016-08-11 20:40","te":24.0,"hu":5},{"t":"2016-08-11 20:55","te":24.3,"hu":5},{"t":"2016-08-11 21:10","te":24.2,"hu":5},{"t":"2016-08-11 21:25","te":24.2,"hu":5},{"t":"2016-08-11 21:40","te":24.2,"hu":5},{"t":"2016-08-11 21:55","te":24.1,"hu":5},{"t":"2016-08-11 22:10","te":24.1,"hu":5},{"t":"2016-08-11 22:25","te":24.1,"hu":5},{"t":"2016-08-11 22:40","te":24.1,"hu":5},{"t":"2016-08-11 22:55","te":24.1,"hu":5},{"t":"2016-08-11 23:10","te":24.1,"hu":5},{"t":"2016-08-11 23:25","te":24.0,"hu":5},{"t":"2016-08-11 23:40","te":23.9,"hu":5},{"t":"2016-08-11 23:55","te":23.8,"hu":5},{"t":"2016-08-12 00:10","te":23.7,"hu":5},{"t":"2016-08-12 00:25","te":23.5,"hu":5},{"t":"2016-08-12 00:40","te":23.4,"hu":5},{"t":"2016-08-12 00:55","te":23.3,"hu":5},{"t":"2016-08-12 01:10","te":23.3,"hu":5},{"t":"2016-08-12 01:25","te":23.2,"hu":5},{"t":"2016-08-12 01:40","te":23.1,"hu":5},{"t":"2016-08-12 01:55","te":23.1,"hu":5},{"t":"2016-08-12 02:10","te":23.0,"hu":5},{"t":"2016-08-12 02:25","te":23.0,"hu":5},{"t":"2016-08-12 02:40","te":23.0,"hu":5},{"t":"2016-08-12 02:55","te":22.9,"hu":5},{"t":"2016-08-12 03:10","te":22.9,"hu":5},{"t":"2016-08-12 03:25","te":22.9,"hu":5},{"t":"2016-08-12 03:40","te":22.9,"hu":5},{"t":"2016-08-12 03:55","te":22.9,"hu":5},{"t":"2016-08-12 04:10","te":22.9,"hu":5},{"t":"2016-08-12 04:25","te":22.9,"hu":5},{"t":"2016-08-12 04:40","te":22.9,"hu":5},{"t":"2016-08-12 04:55","te":22.8,"hu":5},{"t":"2016-08-12 05:10","te":22.8,"hu":5},{"t":"2016-08-12 05:25","te":22.8,"hu":5},{"t":"2016-08-12 05:40","te":22.8,"hu":5},{"t":"2016-08-12 05:55","te":22.8,"hu":5},{"t":"2016-08-12 06:10","te":22.8,"hu":5},{"t":"2016-08-12 06:25","te":22.8,"hu":5},{"t":"2016-08-12 06:40","te":22.8,"hu":5},{"t":"2016-08-12 06:55","te":22.7,"hu":5},{"t":"2016-08-12 07:10","te":22.7,"hu":5},{"t":"2016-08-12 07:25","te":22.8,"hu":5},{"t":"2016-08-12 07:40","te":22.7,"hu":5},{"t":"2016-08-12 07:55","te":22.7,"hu":5},{"t":"2016-08-12 08:10","te":22.7,"hu":5},{"t":"2016-08-12 08:25","te":22.7,"hu":5},{"t":"2016-08-12 08:29","te":22.7,"hu":5}]}

[ChristopherParticipant]

Hi brogen,

JqxChart can accept different kinds of data sources including JSON files from external addresses. Here is a detailed instruction on how to do it:
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxchart/jquery-chart-data-source.htm

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts