## Introduction
FusionCharts Suite XT is a front-end, JavaScript-based, comprehensive collection of 90+ charts and 1000+ maps. This includes simple and complex charts (like the column and bar charts, pie and doughnut charts, the treemap, heatmap, and logarithmic charts), gauges (like the angular gauge, bulb gauge, and the thermometer gauge) and maps (all continents, major countries, and all US states).
The **fusioncharts** package includes files for all charts and widgets offered by the product. In order to limit the package size, it includes map definition files for only two maps—the world map and the USA map.
It is recommended that you download the **fusionmaps** package if you want to render maps. This package includes the complete FusionCharts Suite XT as well as the map definition files for all maps.
* Official website: [http://www.fusioncharts.com/](http://www.fusioncharts.com/)
* Download page: [http://www.fusioncharts.com/download/](http://www.fusioncharts.com/download/)
* Licensing: [http://www.fusioncharts.com/buy/](http://www.fusioncharts.com/buy/)
* Documentation: [http://www.fusioncharts.com/dev/](http://www.fusioncharts.com/dev/)
* Support: [http://www.fusioncharts.com/support/](http://www.fusioncharts.com/support/)
## Table of Contents
- [Quick Start](#quick-start)
- [Installing FusionCharts from npm](#installing-fusioncharts-from-npm)
- [Package-specific dependencies for npm](#package-specific-dependencies-for-npm)
- [Chart-specific dependencies for npm](#chart-specific-dependencies-for-npm)
- [Installing FusionCharts from Bower](#installing-fusioncharts-from-bower)
- [Package-specific dependencies for Bower](#package-specific-dependencies-for-bower)
- [Chart-specific dependencies for Bower](#chart-specific-dependencies-for-bower)
- [What's Included](#whats-included)
- [Directory structure for FusionCharts installed via npm](#directory-structure-for-fusioncharts-installed-via-npm)
- [Directory structure for FusionCharts installed via Bower](#directory-structure-for-fusioncharts-installed-via-bower)
## Quick Start
### Installing FusionCharts from npm
1. Install the FusionCharts package.
`npm install fusioncharts`
2. Load FusionCharts using require.
`var FusionCharts = require("fusioncharts");`
3. Load the charts module using require.
`require("fusioncharts/fusioncharts.charts")(FusionCharts);`
4. Create the FusionCharts instance required to render the chart.
```
var chart = new FusionCharts ({
"type": "column2d",
"width": "500",
"height": "300",
"dataFormat": "json",
"dataSource": {
chart:{},
data: [{value: 500}, {value: 600}, {value: 700}]
}
}).render("chartContainer");
```
#### Package-specific dependencies for npm
- To render a chart belonging to the PowerCharts package, load the PowerCharts module:
`require("fusioncharts/fusioncharts.powercharts")(FusionCharts);`
- To render a chart belonging to the FusionWidgets package, load the FusionWidgets module:
`require("fusioncharts/fusioncharts.fusionwidgets")(FusionCharts);`
To know which chart belongs to which package, refer the [list of charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html).
- To render a map, load the FusionMaps module and the map definition file for that map:
```
require("fusioncharts/fusioncharts.maps")(FusionCharts);
require("fusioncharts/maps/fusioncharts.world")(FusionCharts);
```
To know the map definition file names, refer the [list of maps](http://www.fusioncharts.com/dev/getting-started/list-of-maps.html).
**Note**: The map definition files have to be included for all maps that you want to render in your application. Unlike the core files that are stored in the **fusioncharts** directory, all map definition files are stored in the **maps** directory and are required to be fetched from there.
#### Chart-specific dependencies for npm
For some chart types, you need to include/exclude certain files and in a certain order. These chart types and the corresponding files are mentioned below:
- To render the zoom-scatter chart, it is necessary to include the **fusioncharts.js** and **fusioncharts.charts.js** files _before_ the **fusioncharts.zoomscatter.js** file.
```
var FusionCharts = require("fusioncharts");
require("fusioncharts/fusioncharts.charts")(FusionCharts);
require("fusioncharts/fusioncharts.zoomscatter")(FusionCharts);
```
- To render the treemap chart, it is necessary to include the **fusioncharts.js** and **fusioncharts.powercharts.js** files _before_ the **fusioncharts.treemap.js** file.
```
var FusionCharts = require("fusioncharts");
require("fusioncharts/fusioncharts.powercharts")(FusionCharts);
require("fusioncharts/fusioncharts.treemap")(FusionCharts);
```
- To render the SS Grid chart _only_ the **fusioncharts.js** and the **fusioncharts.ssgrid.js** files are needed.
```
var FusionCharts = require("fusioncharts");
require("fusioncharts/fusioncharts.ssgrid")(FusionCharts);
```
- To render the Gantt chart _only_ the **fusioncharts.js** and the **fusioncharts.gantt.js** files are needed.
```
var FusionCharts = require("fusioncharts");
require("fusioncharts/fusioncharts.gantt")(FusionCharts);
```
### Installing FusionCharts from Bower
1. Install the FusionCharts package.
`bower install fusioncharts`
2. Load FusionCharts module.
`<script src="bower_components/fusioncharts/fusioncharts.js"></script>`
3. Load the charts module.
`<script src="bower_components/fusioncharts/fusioncharts.maps.js"></script>`
4. Create the FusionCharts instance required to render the chart.
```
<script>
new FusionCharts({
"type": "column2d",
"width": "500",
"height": "300",
"dataFormat": "json",
"dataSource": {
chart:{},
data: [{value: 500}, {value: 600}, {value: 700}]
}
}).render("chartContainer");
</script>
```
#### Package-specific dependencies for Bower
- To render a chart belonging to the PowerCharts package, load the PowerCharts module:
`<script src="bower_components/fusioncharts/fusioncharts.powercharts.js"> </script>`
- To render a chart belonging to the FusionWidgets package, load the FusionWidgets module:
`<script src="bower_components/fusioncharts/fusioncharts.fusionwidgets.js"> </script>`
To know which chart belongs to which package, refer the [list of charts](http://www.fusioncharts.com/dev/getting-started/list-of-charts.html).
- To render a map, load the FusionMaps module and the map definition file for that map:
```
<script src="bower_components/fusioncharts/fusioncharts.maps.js"> </script>
<script src="bower_components/fusioncharts/maps/fusioncharts.world.js"> </script>
```
To know the map definition file names, refer the [list of maps](http://www.fusioncharts.com/dev/getting-started/list-of-maps.html).
**Note**: The map definition files have to be included for all maps that you want to render in your application. Unlike the core files that are stored in the **fusioncharts** directory, all map definition files are stored in the **maps** directory and are required to be fetched from there.
#### Chart-specific dependencies for Bower
For some chart types, you need to include/exclude certain files and in a certain order. These chart types and the corresponding files are mentioned below:
- To render the zoom-scatter chart, it is necessary to include the **fusioncharts.js** and **fusioncharts.charts.js** files _before_ the **fusioncharts.zoomscatter.js** file.
```
<script src = "bower_components/fusioncharts/fusioncharts.js"> </script>
<script src = "bower_components/fusioncharts/fusioncharts.charts.js"> </script>
<script src = "bower_components/fusioncharts/fusioncharts.zoomscatter.js"> </script>
```
- To render the treemap ch
没有合适的资源?快使用搜索试试~ 我知道了~
fusioncharts最新版3.11.3破解
共20个文件
js:15个
json:3个
txt:1个
5星 · 超过95%的资源 需积分: 10 53 下载量 88 浏览量
2016-12-01
20:34:54
上传
评论
收藏 645KB ZIP 举报
温馨提示
fusioncharts最新版本3.11.3 svg动画图形统计报表 PC和移动端上的表现都比较牛逼。官方也提供了很丰富的示例,api文档也非常全。 声明:仅供个人学习研究使用,至于商用什么的后果自负。
资源推荐
资源详情
资源评论
收起资源包目录
fusioncharts最新版3.11.3.zip (20个子文件)
fusioncharts
fusioncharts.powercharts.js 358KB
maps
fusioncharts.usa.js 134KB
fusioncharts.world.js 150KB
readme.txt 142B
fusioncharts.zoomscatter.js 38KB
bower.json 633B
fusioncharts.maps.js 95KB
fusioncharts.js 922KB
fusioncharts.charts.js 107KB
fusioncharts.ssgrid.js 10KB
fusioncharts.widgets.js 225KB
.bower.json 926B
README.md 11KB
fusioncharts.treemap.js 38KB
fusioncharts.gantt.js 75KB
package.json 724B
themes
fusioncharts.theme.carbon.js 6KB
fusioncharts.theme.ocean.js 6KB
fusioncharts.theme.fint.js 6KB
fusioncharts.theme.zune.js 6KB
共 20 条
- 1
码神手记
- 粉丝: 1
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页