博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Echart饼状图中心加固定文字及计算结果
阅读量:6813 次
发布时间:2019-06-26

本文共 3172 字,大约阅读时间需要 10 分钟。

hot3.png

例://中心文字数据var data;@if(($manual_visit+$finish_visit)!=0) data ='回访率\n'+ '{
{ number_format(($manual_visit+$finish_visit)/($manual_visit+$finish_visit+$not_connect+$not_visit)*100,2) }}'+ '%';@else data ='回访率\n0%';@endif
var manual_visit = "{
{ $manual_visit }}";var finish_visit = "{
{ $finish_visit }}";var not_connect = "{
{ $not_connect }}";var not_visit = "{
{ $not_visit }}";var myCharts1 = echarts.init(document.getElementById('cake'));var option1 = { backgroundColor: 'white', tooltip: { trigger: 'item', formatter: "{b} :{c}个 ({d}%)" }, legend: { orient: 'vertical', x: '75%', y: '30%', itemWidth: 10, itemHeight: 10, itemGap: 30, data: [ { name: "手动回访", icon: "circle", textStyle: { fontSize: '14' } }, { name: "已回访", icon: "circle", textStyle: { fontSize: '14' } }, { name: "未接通", icon: "circle", textStyle: { fontSize: '14' } }, { name: "未回访", icon: "circle", textStyle: { fontSize: '14' } } ] }, series: [ { name: '回访数据', type: 'pie', avoidLabelOverlap: false, radius: ['42%', '70%'], center: ['40%', '50%'], label: { normal: { show: true, position: 'center', formatter(){ return data; }, color:"#4ecb73", fontSize:22 }, }, labelLine: { normal: { show: false } }, data: [ { value: manual_visit, name: '手动回访', itemStyle: { normal: { color: '#4bdbac' } } }, { value: finish_visit, name: '已回访', itemStyle: { normal: { color: '#4ecb73' } } }, { value: not_connect, name: '未接通', itemStyle: { normal: { color: '#ff7c7c' } } }, { value: not_visit, name: '未回访', itemStyle: { normal: { color: '#f2637b' } } } ], } ]};myCharts1.setOption(option1);

转载于:https://my.oschina.net/guozhouyuan/blog/3046164

你可能感兴趣的文章
游标概念和作用(转载)
查看>>
python中全局变量、局部变量、类变量、实例变量简析
查看>>
大众公布量子计算北京交通新一代产品亮相
查看>>
武器加持无人机,远程操控就可以抓获犯罪团伙
查看>>
MySQL数据库迁移
查看>>
IOS应用提交所需的ICON
查看>>
第90届中国电子展聚焦行业新热点,拉动产业链上下游快速发展
查看>>
量子力学多世界解释:这个世界的你是穷光蛋 另一个世界是亿万富翁(文中有赠书活动)...
查看>>
不要小看了互联网智能锁,它正撬动整个多元化居住产品时代!
查看>>
工人小明的新同事
查看>>
OPC UA的安全性分析以及正确使用指南
查看>>
使用树莓派和 projectx/os 托管你自己的电子邮件
查看>>
关于nmonanalyser报错“输入超出文件尾”的解决方法
查看>>
轻松面试找到理想员工-非官方的面试技术指南
查看>>
当主库发生宕机,从库如何接管主库
查看>>
卷影副本(Shadow Copies)
查看>>
重新回归
查看>>
AngularJs 知识
查看>>
Spring.NET的AOP怎么玩
查看>>
Linux双机热备解决方案之Heartbeat
查看>>