FusionCharts图表控件是一款完全基于HTML5的图表、仪表和地图控件,可以帮助开发人员在Web上创建功能强大的图表应用程序或者是在网站上使用图表动态地展示各种数据,这篇文章主要介绍如何通过npm包管理软件来安装和使用FusionCharts图表控件,具体步骤如下:
1.安装FusionCharts包
npm install fusioncharts
2.使用 require来加载FusionCharts
var FusionCharts = require("fusioncharts");
3.使用require来加载FusionCharts模型
require("fusioncharts/fusioncharts.charts")(FusionCharts);
4.创建一个FusionCharts事例并且显示图表
var chart = new FusionCharts ({
"type": "column2d",
"width": "500",
"height": "300",
"dataFormat": "json",
"dataSource": {
chart:{},
data: [{value: 500}, {value: 600}, {value: 700}]
}
}).render("chartContainer");