Page 1 of 1

Drawing charts in AngularJS apps with Chart.js - Appery Tutorial Question

Posted: Mon Mar 07, 2016 12:43 am
by Jon Haider

Hey guys,
Trying to follow the chart.js tutorial found here, and I'm unable to get the chart displayed when testing.

Here's what I've done so far:

1- Downloaded GitHub files from hherere and here.
2- Created the new app and uploaded the 2 JS files (Chart.js and angular-chart.js)
3- Replaced codedefine(['angular', 'chart.js'], factory);/code with codedefine(['angular', 'chart'], factory);/code on line 10

4- Replaced codereturn angular.module('chart.js', [])/code with codereturn angular.module('angular-chart', [])/code on line 37
(note the angular-chart file is NOT the same as shown in the Appery Tutorial - it must have been modified since then).
5- Add angular-chart.css to library libs/angular-chart/angular-chart.css
6- Add stylesheet reference in app settings (resources):
codehref="libs/angular-chart/angular-chart.css" rel="stylesheet"/code
7- Update resource type for Internal Resources
8- Add the html element as shown in tutorial...

Test and nothing is displayed. How can you check to make sure the chartjs plugin was successfully installed? Has anyone recently gotten this tutorial to produce the graphs as shown?

Thanks!


Drawing charts in AngularJS apps with Chart.js - Appery Tutorial Question

Posted: Thu Mar 10, 2016 12:26 pm
by Alena Prykhodko

Hello Jon,

Have you tried to debug your project https://devcenter.appery.io/documenta..., are there any errors in console?