|
2 | 2 |
|
3 | 3 | A simple and lightweight official AngularJS component for FusionCharts JavaScript charting library. angularjs-fusioncharts enables you to add JavaScript charts in your AngularJS application without any hassle.
|
4 | 4 |
|
5 |
| -## [Demo](https://fusioncharts.github.io/angular-fusioncharts/) |
| 5 | +## [Demo](https://fusioncharts.github.io/angularjs-fusioncharts/) |
6 | 6 |
|
7 | 7 | - Github Repo: [https://github.com/fusioncharts/angularjs-fusioncharts](https://github.com/fusioncharts/angularjs-fusioncharts)
|
8 | 8 | - Documentation: [https://www.fusioncharts.com/dev/getting-started/angular/angularjs/your-first-chart-using-angularjs](https://www.fusioncharts.com/dev/getting-started/angular/angularjs/your-first-chart-using-angularjs)
|
@@ -40,7 +40,7 @@ A simple and lightweight official AngularJS component for FusionCharts JavaScrip
|
40 | 40 | To install `angularjs-fusioncharts` library, run:
|
41 | 41 |
|
42 | 42 | ```bash
|
43 |
| -$ npm install angular-fusioncharts --save |
| 43 | +$ npm install angularjs-fusioncharts --save |
44 | 44 | ```
|
45 | 45 |
|
46 | 46 | To install `fusioncharts` library:
|
@@ -339,25 +339,33 @@ var app = angular.module('myApp', ['ng-fusioncharts']);
|
339 | 339 |
|
340 | 340 | var jsonify = res => res.json();
|
341 | 341 | var dataFetch = fetch(
|
342 |
| - 'https://raw.githubusercontent.com/fusioncharts/dev_centre_docs/fusiontime-beta-release/charts-resources/fusiontime/online-sales-single-series/data.json' |
| 342 | + 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/line-chart-with-time-axis-data.json' |
343 | 343 | ).then(jsonify);
|
344 | 344 | var schemaFetch = fetch(
|
345 |
| - 'https://raw.githubusercontent.com/fusioncharts/dev_centre_docs/fusiontime-beta-release/charts-resources/fusiontime/online-sales-single-series/schema.json' |
| 345 | + 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/line-chart-with-time-axis-schema.json' |
346 | 346 | ).then(jsonify);
|
347 | 347 |
|
348 | 348 | var app = angular.module('myApp', ['ng-fusioncharts']);
|
349 | 349 |
|
350 | 350 | app.controller('MyController', function($scope) {
|
351 | 351 | $scope.dataSource = {
|
352 |
| - caption: { text: 'Online Sales of a SuperStore in the US' }, |
353 | 352 | data: null,
|
| 353 | + caption: { |
| 354 | + text: 'Sales Analysis' |
| 355 | + }, |
| 356 | + subcaption: { |
| 357 | + text: 'Grocery' |
| 358 | + }, |
354 | 359 | yAxis: [
|
355 | 360 | {
|
356 |
| - plot: [ |
357 |
| - { |
358 |
| - value: 'Sales ($)' |
359 |
| - } |
360 |
| - ] |
| 361 | + plot: { |
| 362 | + value: 'Grocery Sales Value', |
| 363 | + type: 'line' |
| 364 | + }, |
| 365 | + format: { |
| 366 | + prefix: '$' |
| 367 | + }, |
| 368 | + title: 'Sale Value' |
361 | 369 | }
|
362 | 370 | ]
|
363 | 371 | };
|
|
0 commit comments