Example code for Line chart does not work

[shafeerambatt]

I copied the same example code given for Line Chart, but its not working. Nothing is shown in the HTML. Given below my code.

<title>Chart_Tutorials</title> <script src="angular.js" ></script> <script src="Chart.js"></script> <script src="angular-chart.js"></script>

	<canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" chart-dataset-override="datasetOverride" chart-click="onClick">
	</canvas>

	<script>
		angular.module('myModule', ['chart.js']);
		angular.module("app", ["chart.js"]).controller("LineCtrl", function ($scope) { $scope.labels = ["January", "February", "March", "April", "May", "June", "July"];$scope.series = ['Series A', 'Series B'];
		$scope.data = [[65, 59, 80, 81, 56, 55, 40],[28, 48, 40, 19, 86, 27, 90]];
		$scope.onClick = function (points, evt) {
		console.log(points, evt);};
		$scope.datasetOverride = [{ yAxisID: 'y-axis-1' }, { yAxisID: 'y-axis-2' }];
		$scope.options = {
			scales: {
				yAxes: [
			        {
			          id: 'y-axis-1',
			          type: 'linear',
			          display: true,
			          position: 'left'
			        },
			        {
			          id: 'y-axis-2',
			          type: 'linear',
			          display: true,
			          position: 'right'
			        }
			      ]
			    }
			  };
			});
	</script>



</body>

PS: I have the libraries in the same folder as the html file.

[garretwilson]

It's not working for me either. Absolutely nothing is showing up.

[shafeerambatt]

I tried other examples also. But result is same, nothing is showing up.

[shafeerambatt]

@garretwilson I made some changes and its working now. Make sure you have the dependencies in the same folder as the html file.

linechart.txt

[garretwilson]

What dependencies? Why was this closed?

What do you mean, in the same folder as the HTML file? This is an Angular application. That means it's a real application --- a large application with components, services, and routing. Nobody puts all their files in the same folder! Unless your application is a "Hello World" demo, it is imperative to arrange your source files in multiple folders.

Show me a single Angular book that recommends putting all your files in a single folder. Moreover this is not a limitation of Angular --- Angular was designed to have files in multiple folders.

If Angular Chart requires that its source files be in the same folder as my HTML template, it is fundamentally broken.

[garretwilson]

Since this issue was closed even though it isn't satisfactorily resolved, I've opened Bug #594. I had already asked a question on Stack Overflow. We need to get to the bottom of this.

[shafeerambatt]

What I did was, I kept chart.js, angular.js, angular-chart.js, and my chart.html in the same folder, so while adding the external scripts I could just type "angular.js" And the changes I made are I added a new div with the canvas inside it and declared ng-app and an ng-controller. Like the txt file i attached. It worked doing so. And I am beginner in angular, so might have said some non sense

…

On 06-Feb-2017 8:01 pm, "Garret Wilson" ***@***.***> wrote: Since this issue was closed even though it isn't satisfactorily resolved, I've opened Bug #594 <#594>. I had already asked a question on Stack Overflow <http://stackoverflow.com/q/42059159/421049>. We need to get to the bottom of this. — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub <#591 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AYUowqB-tyN4j889olodi1gAanUlT4aaks5rZy6igaJpZM4L0-xO> .

[Ygilany]

@shafeerambatt The text file you attached is empty !!

[shafeerambatt]

@Ygilany linechart.txt is the file attached. I just downloaded it and opened it in notepad and saw the code. Try again.

[Ygilany]

okay, This might not make any sense. But I only put the canvas element within a div and it worked

The canvas needs to be in a div wrapper apparently .. hope it may help someone

[jtblin]

Sorry to answer so late @garretwilson, note that the creator of the issue closed the issue him/herself because they think it was fixed :)