echarts 饼图移动端_使用Echarts实现饼图

效果如图：

代码如下：

第一个 ECharts 实例

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

myChart.setOption({

series : [

{

name: '访问来源',

type: 'pie', // 设置图表类型为饼图

radius: '55%', // 饼图的半径，外半径为可视区尺寸(容器高宽中较小一项)的 55% 长度。

data:[ // 数据数组，name 为数据项名称，value 为数据项值

{value:235, name:'武汉市'},

{value:274, name:'襄阳市'},

{value:310, name:'咸宁市'},

{value:335, name:'仙桃市'},

{value:400, name:'荆州市'}

]

}

]

})