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:'荆州市'}

]

}

]

})


版权声明:本文为weixin_42636895原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。