Demos and Documentation
backbone-fusioncharts
A simple and lightweight Backbone wrapper which provides bindings for FusionCharts JavaScript Charting Library. It easily adds rich and interactive charts to any Backbone Project.
Installation from npm
To install backbone-fusioncharts
, run:
$ npm install backbone-fusioncharts --save
To install backbone
, run:
$ npm install backbone --save
To install fusioncharts
, run:
$ npm install fusioncharts --save
Import backbone-fusioncharts
in your Backbone web application using any of the CommonJS, ES6 or AMD include style.
CommonJS
const BackboneFusionCharts = ;
ES6
;
AMD
;
Installation from bower
To install backbone-fusioncharts
, run:
$ bower install backbone-fusioncharts --save
To install backbone
, run:
$ bower install backbone --save
To install fusioncharts
, run:
$ bower install fusioncharts --save
Import backbone-fusioncharts
in your Backbone web application through HTML script tag.
HTML
Getting Started
For rendering a simple chart use the following code
const dataSource = chart: caption: 'Backbone FusionCharts Sample' theme: 'fint' data: value: 19 value: 23 value: 21 ; const fc = renderAt: 'chart-container' type: 'Pie2d' dataSource; fcmodel // This is the model fcview // This is the view fcviewchart // This is the FusionCharts instance
Here's the HTML template for the above example
Test
$ npm test
Contributing
- Clone the repository
- Install dependencies
- Build the library
- Build the sample script
- Open the sample template in your browser
$ git clone https://github.com/fusioncharts/backbone-fusioncharts.git$ cd backbone-fusioncharts$ npm i$ npm run build $ npm run build:example
To build, run:
$ npm run build