|
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