option = {
//提示工具
tooltip: {
trigger: 'item',
//本身有padding我给取消了
padding: 0,
//位置
position: ['55%', '30%'],
//重写他的样式
formatter: "<div style='background:red;width:200px;height:200px;'>{d}%{c}</div>"
},
//图标
legend: {
//水平或者垂直展示
orient: 'vertical',
//以x轴为基础
x: 'right',
//以y周围基础
y:'center',
//左移动多少
left:'650px',
//里面的文字
formatter: '我自己的{name}',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
//环形图
series: [
{
//位置
center: ['30%', '50%'],
//name格式化字符串用{a}
name:'访问来源',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: false,
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配置项的
最新推荐文章于 2024-06-20 09:30:03 发布