下定决心,好好过一天 ~
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: 'item' //数据图形触发
},
legend: { //图例说明
top: '5%',
left: 'center'
},
series: [
{
name: '访问来源',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false, // 是否启动标签重叠策略,默认开启
itemStyle: {
borderRadius: 10, //表示扇形区块内圆半径和外圆半径,20%,还可[10,20]分别指定内圆和外圆
borderColor: '#fff', //图形的描边颜色
borderWidth: 2 //描边线宽,环形图中为间距
},
label: {
show: false, //先不显示
fontStyle: 'italic', //字体风格
position: 'center' //在饼图中心位置显示标签
},
emphasis: { //高亮
label: {
show: true, //展示
fontSize: '40', //大小
// fontWeight: 'bold' //字体粗细
fontWeight: 'lighter'
}
},
labelLine: { //labelLine的长短
show: true
},
data: [
{ value: 1048, name: '瓦尔登湖' },
{ value: 735, name: '心理学' },
{ value: 580, name: '盗墓笔记' },
{ value: 484, name: '把生活过成你喜欢的样子' },
{ value: 300, name: '墨兰' }
]
}
]
};
myChart.setOption(option);