![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
fusioncharts
leihope_
一个不爱学习,却知进取,善沟通,重细节,懂感恩的人
展开
-
一起学习fusioncharts 一
首先大家可以去http://www.fusioncharts.com这个官网了解下载。fusioncharts其实是一个JS库,它的安装就是讲里面的JS文件复制粘贴而已。要学习它必先了解它。那它的JS库里面的JS文件各有什么作用呢。参考资料:http://www.fusioncharts.com/dev/getting-started/installation.html其实我只是根原创 2017-04-07 09:36:19 · 439 阅读 · 0 评论 -
一起学习fusioncharts 二
认识完js库里面的文件,那我们来试着部署在我们的web服务器上在下载包中,将所有的JS文件都放去你要用fusioncharts的项目的JS存放处。就是相当于引用一个新的JS嘛。成功引用之后,你就可以进行图形渲染,做好看的图。如果您需要在本地计算机上创建图表以进行总体绘图或测试,请执行以下操作:在工作文件夹中创建文件夹fusioncharts。从下载包的js文件夹复制原创 2017-04-07 10:48:01 · 208 阅读 · 0 评论 -
一起学习fusioncharts 三
认识完,部署完,那我们就开始要实践了。先做一个这样的柱状图。1.创建一个HTML文件2.然后在HTML中引用fusioncharts的JS文件3.创建一个DIV作为图表的容器,并去一个合理的ID4.最后一步比较难的一点,创建一个图表类型的实例作为column2d,设置宽度和高度(以像素或%为单位),最后以字符串或URL指定图表的JSON数据按步骤给大家看一下代码。原创 2017-04-07 10:49:54 · 253 阅读 · 0 评论 -
fusioncharts 关于仪表盘的重要参数
这个仪表盘没有找到参数之前真的是要命。现在终于找到了,分享一下-------------------------仪表盘重要属性解析----------------------- 根节点upperLimit='120'--刻度值上限 lowerLimit='0' --刻度值下限 Limits='0/1'--是否显示极限值 baseFontColor='#FF3333'原创 2017-04-11 14:22:24 · 1313 阅读 · 0 评论 -
一起学fusioncharts 总结
到了这里,大家都能成功的渲染出图表图形,那只是之中的一种图表,也还有更多的方式(我这一种是用JSON作为数据源),还有更多的图表可以上去官网查看例如:这些图形,只要把JSON数据修改一下就可以实现{ "chart": { "editmode": "1", "caption": "Rating for the book - Th原创 2017-04-07 12:59:10 · 272 阅读 · 0 评论