当我们使用Echrts很Highcharts的时候，总是觉得各种统计图表是多么神奇，今天我就用现代浏览器支持的canvas来绘制饼状统计图，当然仅仅是画出图并没什么难度，但是统计图一般都有输入，根据不同的输入来绘制，需要发挥你脑力。 1.canvas简单使用 1.1先看我们的html，需要一个 ...

效果： ...

效果图： ...

Canvas(3)---绘制饼状图 有关canvas之前有写过两篇文章 1、Canvas(1)---概述+简单示例 2、Canvas(2)---绘制折线图 在绘制饼状图之前，我们先要理解什么是圆弧,如何在画布中绘制文字等等。所以这里将绘制饼状图理解拆分成以下几个步骤 ...

效果图： ...

在项目网站的网页中，有这样一幅图： 心血来潮，想使用百度Echarts来绘制一下，可是没能绘制得完全一样，Echarts饼状图的label不能在图形下面放成一行，最后的效果是这样子的： 鼠标移动到items上，可动态显示百分比： 另外，还了解到了一种特殊的饼状图 ...

前端代码： 后台代码： 1.实体类Item 2.controller层代码： ...

一、引入echarts.js文件（下载页:http://echarts.baidu.com/download.html） 二、HTML代码： 三、js代码（加载图表的方法）： ...