echarts 环形图不同区域背景色自定义

app.title = '环形图';

option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
orient: 'vertical',
x: 'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},

// 添加color数组

color: ['#1790cf','#1bb2d8','#99d2dd','#88b0bb','#1c7099','#038cc4','#75abd0','#afd6dd'],
series: [
{
name:'访问来源',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
]
}
]
};

echarts 环形图不同区域背景色自定义相关推荐

echarts 环形图占比_环形图_仪表盘
Echarts 常用各类图表模板配置注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...
修改echarts环形图的牵引线及文字位置
修改echarts环形图的牵引线及文字位置,下面代码及效果不仅如此,也包含了其它的效果哦.有问题可以留言. 根据echarts官方示例修改效果: 官方示例图: 修改效果图: 直接上代码:其它不多说. ...
Echarts环形图使用和设置（内外大小、颜色、指示线、圆圈中心字展示）
Echarts环形图使用 1.官网找图 Echarts官网链接 2.使用首先要进行下载,打开cmd,输入 npm install echarts --save 如果显示报错,那么使用管理员身份运行c ...
echarts环形图内实现自定义添加文字数字和缩放自适应
文章目录需求场景实现思路全部代码示例需求场景在echarts的环形图里加上文字和数字并自适应.如下图: 实现思路在series加上一层,只放文字和数字. 重点代码如下: // 就是这里! ...
Echarts环形图--自定义图例文本和中心文字
一.设置环形图中心文字可用 titel.text 和 title.subtext 来定义中心处的文本 title:{text:subtext: } 用 graphic 原生图形元素组件每个图形元素 ...
Echarts环形图自定义图例
项目场景: 在展示图表的时候有的时候需要图例也展示出一些内容来,例如这样子: 描述普通的图例一般只是这样但我们希望展示更多的信息,于是需要使用一个东西:字符串模板:formatter 解决方案: ...
echarts环形图内部圆，外部圆形以及阴影设置
环形图修改图例自定义icon 完整代码图 Chart1() { // 折算价值户新增构成let chartDom = document.getElementById('main');let myCh ...
echarts 环形图
Echarts 常用各类图表模板配置注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...
echarts 环形图默认高亮展示某个数据
环形图默认高亮显示数据代码: data(){return {chart:null,} }, methods: {initChart() {this.chart = this.$echarts.ini ...

echarts 环形图不同区域背景色自定义

echarts 环形图不同区域背景色自定义相关推荐

最新文章

热门文章

echarts 环形图 不同区域背景色自定义

echarts 环形图 不同区域背景色自定义相关推荐

最新文章

热门文章

echarts 环形图不同区域背景色自定义

echarts 环形图不同区域背景色自定义相关推荐