Echarts 饼图

下定决心，好好过一天 ~

var chartDom = document.getElementById('main'); //选中id为main的html的节点
var myChart = echarts.init(chartDom); //初始化
var option;

option = {
    title: {
        text: '下定决心，好好过一天 ~', //大标题
        subtext: '耶！', //子标题
        left: 'center' //标题处于图形中心
    },
    tooltip: {
        trigger: 'item' // 数据项图形触发，当鼠标移到图形上时，显示数据
    },
    legend: {
        orient: 'vertical', //图例说明
        left: 'left', //位置
    },
    series: [
        {
            name: '书籍',
            type: 'pie', //饼图类型
            radius: '70%', //圆的半径
            data: [ //数据
                { value: 1048, name: '瓦尔登湖' },
                { value: 735, name: '心理学' },
                { value: 580, name: '盗墓笔记' },
                { value: 484, name: '把生活过成你喜欢的样子' },
                { value: 300, name: '墨兰' }
            ],
            emphasis: { //高亮
                itemStyle: {
                    shadowBlur: 10, //阴影大小
                    shadowOffsetX: 0, //阴影水平方向上的偏移
                    shadowOffsetY: 0, //阴影垂直方向上的偏移
                    shadowColor: 'rgba(0, 0, 0, 0.5)' //阴影颜色
                }
            }
        }
    ]
};

myChart.setOption(option); //执行