🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 饼状图 ~~~[api] post:index/t.pie <<< success { "succeed": 1 "msg": "提示信息", "data":{ "option":{ 柱状图配置信息 } } "loop": "下一个获取柱状图配置的标识", } <<< error { "succeed": 0, "msg": "提示信息" } ~~~ ## 配置示例-参考:[Echart 示例](https://echarts.apache.org/examples/zh/index.html) ![](https://img.kancloud.cn/bd/d0/bdd0c8e2ffc95829bd2d095deca7b553_489x302.png) ~~~ $data = []; //>标题组件 $obj = []; $obj['text'] = '某站点用户访问来源'; //>标题名称 $obj['subtext'] = '纯属虚构'; //>副标题名称 $obj['left'] = 'center'; //>水平居中 $data['title'] = $obj; //>提示框组件 $obj = []; $obj['trigger'] = 'item'; //>数据项图形触发 $data['tooltip'] = $obj; //>图例组件 $obj = []; $obj['orient'] = 'vertical'; //>图例列表的垂直布局 $obj['left'] = 'left'; //>水平居左 $data['legend'] = $obj; //>饼图 $obj = []; $obj['name'] = '访问来源'; //>系列名称 $obj['type'] = 'pie'; //>饼图 $obj['radius'] = '60%'; //>饼图的半径 $tmp = []; $tmp[] = ['value'=>1048,'name'=>'搜索引擎']; $tmp[] = ['value'=>735,'name'=>'直接访问']; $tmp[] = ['value'=>580,'name'=>'邮件营销']; $tmp[] = ['value'=>484,'name'=>'联盟广告']; $tmp[] = ['value'=>300,'name'=>'视频广告']; $obj['data'] = $tmp; //>数据内容数组 $tmp = []; $tmp['shadowBlur'] = 10; //>图形阴影的模糊大小 $tmp['shadowOffsetX'] = 0; //>阴影水平方向上的偏移距离 $tmp['shadowColor'] = 'rgba(0, 0, 0, 0.5)'; //>图形的描边颜色 $tmp['itemStyle'] = $tmp; //>图形的颜色 $obj['emphasis'] = $tmp; //>高亮状态的扇区和标签样式 $data['series'][] = $obj; $json['data']['option'] = $data; break; ~~~