1、如图所示是本例的原始数据，展示的是两年间占比变化的两组数据。
成都创新互联公司是一家专注网站建设、网络营销策划、微信小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10多年以来，已经为上千家成都集装箱各业的企业公司提供互联网服务。现在，服务的上千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。
2、基本圆环制作方法 选中数据区域，依次点击【插入】选项卡——饼图——圆环图。直接就得到一个圆环图啦，对配色进行简单修改，结果如下图。这个圆环图和饼图从本质上并没有什么区别，只是一个实心一个空心而已。
3、选中表格的数据区域——插入——推荐的图表。2 点击图表工具——设计——选择数据。3 进行图例项（系列）设置——点击添加——系列值（选中营业额）。
4、案例1： 电商平台产品的收入达成分析，Excel分析时需按照多平台收入完成，分析各平台完成效率高低，以此把控各平台年终目标完成进度。
//getContext(2d) 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面。我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。
html5直接就可用css3的属性去做圆形，border-radius即可实现圆角。
首先在电脑上打开project文档，如图所示，选择菜单栏上的【格式】。然后点击左侧的【文本样式】，如图所示。然后在弹出的文本样式页面，设置字体的样式，字体，字号等等参数，如图所示。
在进度条上显示文字，一般使用另外的控件。比如label，在进度条进度时候设置该控件的值就好了。控件可用放在进度条里面，也可以放在旁边，但其实背后显示什么文字的原理是一样的。
怎么在Canvas中输入文本 canvas中可以用fillText()绘出文字。
1、AI绘制立体圆环模型方法 打开AdobeIllustratorCS6软件，进入软件工作界面；点击【矩形工具】，按图示在作图区域绘制一个矩形图案；选中矩形图案，点击【效果】-【3D】-【绕转】，弹出3D绕转选项栏。
2、ai绘制3D立体圆环形的图文操作新建一个文件，用矩形工具绘制一个圆形。进行等比例缩放，并且复制一份。全选去掉顶部。复制一份圆圈，矩形工具绘制链接两个圆的长方形。形状生成工具绘制图形，改变一下颜色。
3、AI制作圆环渐变立体效果方法：打开AI软件，执行文件-新命令，默认A4画板。选择工具栏中的椭圆工具，按Shift键画一个正圆。填充白色和黑色边缘。
首先启动PHOTOSHOP，选择新建，将新建对话框设置如图1所示，注意所建图象的长宽要相等，这样才能得到一个正圆的环形。
在AI的工具面板上找到并点选“椭圆工具”选项。按住shift键在画布上画出一个正圆。点击工具面板上的“横排文字工具”选项。在画布的正圆里点击一下。最后输入或者将文字内容粘贴进去即可。
illustrator制作3D环绕立体圆环文字步骤：我们选中文字，打开【符号】面板。我们把文字拖入符号面板中，新建符号，点击【确定】。我们用【椭圆工具】画出一个小小的圆形。
PS写出立体字主要用的是3D功能，PSCC版本或者正版的CS6版本，也有这个功能，3D就是把平面变成立体，图形或者文字都可以；使用字符工具输入文字【米】，【Ctrl+T】放大并调整颜色。
