jQuery UI Widgets › Forums › Chart › Line chart from external Json
Tagged: Angular chart, bootstrap chart, javascript chart, jquery chart, jqwidgets chart, jqxchart external JSON
This topic contains 1 reply, has 2 voices, and was last updated by Christopher 7 years, 8 months ago.

Author

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":"20160811 00:10","te":23.5,"hu":5},{"t":"20160811 00:25","te":23.5,"hu":5},{"t":"20160811 00:40","te":23.4,"hu":5},{"t":"20160811 00:55","te":23.4,"hu":5},{"t":"20160811 01:10","te":23.3,"hu":5},{"t":"20160811 01:25","te":23.3,"hu":5},{"t":"20160811 01:40","te":23.2,"hu":5},{"t":"20160811 01:55","te":23.2,"hu":5},{"t":"20160811 02:10","te":23.2,"hu":5},{"t":"20160811 02:25","te":23.1,"hu":5},{"t":"20160811 02:40","te":23.1,"hu":5},{"t":"20160811 02:55","te":23.1,"hu":5},{"t":"20160811 03:10","te":23.1,"hu":5},{"t":"20160811 03:25","te":23.0,"hu":5},{"t":"20160811 03:40","te":23.0,"hu":5},{"t":"20160811 03:55","te":23.0,"hu":5},{"t":"20160811 04:10","te":22.9,"hu":5},{"t":"20160811 04:25","te":22.9,"hu":5},{"t":"20160811 04:40","te":22.9,"hu":5},{"t":"20160811 04:55","te":22.9,"hu":5},{"t":"20160811 05:10","te":22.9,"hu":5},{"t":"20160811 05:25","te":22.9,"hu":5},{"t":"20160811 05:40","te":22.9,"hu":5},{"t":"20160811 05:55","te":22.8,"hu":5},{"t":"20160811 06:10","te":22.8,"hu":5},{"t":"20160811 06:25","te":22.8,"hu":5},{"t":"20160811 06:40","te":22.8,"hu":5},{"t":"20160811 06:55","te":22.8,"hu":5},{"t":"20160811 07:10","te":22.8,"hu":5},{"t":"20160811 07:25","te":22.9,"hu":5},{"t":"20160811 07:40","te":22.9,"hu":5},{"t":"20160811 07:55","te":22.9,"hu":5},{"t":"20160811 08:10","te":22.9,"hu":5},{"t":"20160811 08:25","te":23.0,"hu":5},{"t":"20160811 08:40","te":23.1,"hu":5},{"t":"20160811 08:55","te":23.2,"hu":5},{"t":"20160811 09:10","te":23.2,"hu":5},{"t":"20160811 09:25","te":23.3,"hu":5},{"t":"20160811 09:40","te":23.4,"hu":5},{"t":"20160811 09:55","te":23.4,"hu":5},{"t":"20160811 10:10","te":23.5,"hu":5},{"t":"20160811 10:25","te":23.5,"hu":5},{"t":"20160811 10:40","te":23.6,"hu":5},{"t":"20160811 10:55","te":23.5,"hu":5},{"t":"20160811 11:10","te":23.5,"hu":5},{"t":"20160811 11:25","te":23.5,"hu":5},{"t":"20160811 11:40","te":23.4,"hu":5},{"t":"20160811 11:55","te":23.4,"hu":5},{"t":"20160811 12:10","te":23.4,"hu":5},{"t":"20160811 12:25","te":23.4,"hu":5},{"t":"20160811 12:40","te":23.4,"hu":5},{"t":"20160811 12:55","te":23.4,"hu":5},{"t":"20160811 13:10","te":23.4,"hu":5},{"t":"20160811 13:25","te":23.4,"hu":5},{"t":"20160811 13:40","te":23.4,"hu":5},{"t":"20160811 13:55","te":23.3,"hu":5},{"t":"20160811 14:10","te":23.3,"hu":5},{"t":"20160811 14:25","te":23.3,"hu":5},{"t":"20160811 14:40","te":23.2,"hu":5},{"t":"20160811 14:55","te":23.2,"hu":5},{"t":"20160811 15:10","te":23.3,"hu":5},{"t":"20160811 15:25","te":23.3,"hu":5},{"t":"20160811 15:40","te":23.3,"hu":5},{"t":"20160811 15:55","te":23.3,"hu":5},{"t":"20160811 16:10","te":23.3,"hu":5},{"t":"20160811 16:25","te":23.4,"hu":5},{"t":"20160811 16:40","te":23.4,"hu":5},{"t":"20160811 16:55","te":23.4,"hu":5},{"t":"20160811 17:10","te":23.5,"hu":5},{"t":"20160811 17:25","te":23.5,"hu":5},{"t":"20160811 17:40","te":23.5,"hu":5},{"t":"20160811 17:55","te":23.5,"hu":5},{"t":"20160811 18:10","te":23.6,"hu":5},{"t":"20160811 18:25","te":23.6,"hu":5},{"t":"20160811 18:40","te":23.5,"hu":5},{"t":"20160811 18:55","te":23.4,"hu":5},{"t":"20160811 19:10","te":23.4,"hu":5},{"t":"20160811 19:25","te":23.3,"hu":5},{"t":"20160811 19:40","te":23.3,"hu":5},{"t":"20160811 19:55","te":23.3,"hu":5},{"t":"20160811 20:10","te":23.3,"hu":5},{"t":"20160811 20:25","te":23.7,"hu":5},{"t":"20160811 20:40","te":24.0,"hu":5},{"t":"20160811 20:55","te":24.3,"hu":5},{"t":"20160811 21:10","te":24.2,"hu":5},{"t":"20160811 21:25","te":24.2,"hu":5},{"t":"20160811 21:40","te":24.2,"hu":5},{"t":"20160811 21:55","te":24.1,"hu":5},{"t":"20160811 22:10","te":24.1,"hu":5},{"t":"20160811 22:25","te":24.1,"hu":5},{"t":"20160811 22:40","te":24.1,"hu":5},{"t":"20160811 22:55","te":24.1,"hu":5},{"t":"20160811 23:10","te":24.1,"hu":5},{"t":"20160811 23:25","te":24.0,"hu":5},{"t":"20160811 23:40","te":23.9,"hu":5},{"t":"20160811 23:55","te":23.8,"hu":5},{"t":"20160812 00:10","te":23.7,"hu":5},{"t":"20160812 00:25","te":23.5,"hu":5},{"t":"20160812 00:40","te":23.4,"hu":5},{"t":"20160812 00:55","te":23.3,"hu":5},{"t":"20160812 01:10","te":23.3,"hu":5},{"t":"20160812 01:25","te":23.2,"hu":5},{"t":"20160812 01:40","te":23.1,"hu":5},{"t":"20160812 01:55","te":23.1,"hu":5},{"t":"20160812 02:10","te":23.0,"hu":5},{"t":"20160812 02:25","te":23.0,"hu":5},{"t":"20160812 02:40","te":23.0,"hu":5},{"t":"20160812 02:55","te":22.9,"hu":5},{"t":"20160812 03:10","te":22.9,"hu":5},{"t":"20160812 03:25","te":22.9,"hu":5},{"t":"20160812 03:40","te":22.9,"hu":5},{"t":"20160812 03:55","te":22.9,"hu":5},{"t":"20160812 04:10","te":22.9,"hu":5},{"t":"20160812 04:25","te":22.9,"hu":5},{"t":"20160812 04:40","te":22.9,"hu":5},{"t":"20160812 04:55","te":22.8,"hu":5},{"t":"20160812 05:10","te":22.8,"hu":5},{"t":"20160812 05:25","te":22.8,"hu":5},{"t":"20160812 05:40","te":22.8,"hu":5},{"t":"20160812 05:55","te":22.8,"hu":5},{"t":"20160812 06:10","te":22.8,"hu":5},{"t":"20160812 06:25","te":22.8,"hu":5},{"t":"20160812 06:40","te":22.8,"hu":5},{"t":"20160812 06:55","te":22.7,"hu":5},{"t":"20160812 07:10","te":22.7,"hu":5},{"t":"20160812 07:25","te":22.8,"hu":5},{"t":"20160812 07:40","te":22.7,"hu":5},{"t":"20160812 07:55","te":22.7,"hu":5},{"t":"20160812 08:10","te":22.7,"hu":5},{"t":"20160812 08:25","te":22.7,"hu":5},{"t":"20160812 08:29","te":22.7,"hu":5}]}
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/jquerywidgetsdocumentation/documentation/jqxchart/jquerychartdatasource.htmBest Regards,
ChristopherjQWidgets Team
http://www.jqwidgets.com 
AuthorPosts
You must be logged in to reply to this topic.