两款基于Jquery的图表插件

最新推荐文章于 2025-09-06 08:01:57 发布

weixin_34221112

最新推荐文章于 2025-09-06 08:01:57 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Candies/p/4200071.html

本文介绍了EasyPieChart与jQuery-Visualize两种图表绘制技术，包括EasyPieChart的初始化方法和参数设置，以及jQuery-Visualize如何根据不同需求显示折线图、饼图、表格等数据可视化效果。

一、EasyPieChart

页面加载时，运行initPieChart()函数，调用easyPieChart()函数，显示出图表。

代码：

　　　　　　　　 var initPieChart = function() {
                $('.percentage').easyPieChart({
                    animate: 1000
                });
                $('.percentage-light').easyPieChart({
                    barColor: function(percent) {
                        percent /= 100;
                        return "rgb(" + Math.round(255 * (1-percent)) + ", " + Math.round(255 * percent) + ", 0)";
                    },
                    trackColor: '#666',
                    scaleColor: false,
                    lineCap: 'butt',
                    lineWidth: 15,
                    animate: 1000
                });