如何通过npm包管理软件安装fusioncharts图表控件

作者:控件中国网   出处:控件中国网   2016-09-28 10:05:50   阅读:7

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");
Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat