Echarts之饼状图学习记录

option = {
    title: {
        text: '各省份酒店综合情况',
        subtext: '副标题',
        textStyle: {
            //主标题颜色
            color: 'red',
            // 主标题为加粗
            fontWeight: 'bold',
            // 主标题为斜体
            fontStyle: 'italic'
        },
        //主标题和副标题处于中间位置, 
         // 可以设置左边或者右边,
        left: 'center'
    },
    tooltip: {
        // 触发类型为item，饼状图是item, 折线图或者是条形是axis
        trigger: 'item',
        formatter: '{a}<br/>{b}:{c}({d}%)'
    },
    legend: {
        // 设置为垂直
        orient: 'vertical',
        // 设置为中间
        left: 'left',
    },
    series: {
        // 设置系列名
        name: '访问来源',
        //类型为 饼状图
        type: 'pie',
        // 饼状图的大小
        radius: '50%',
        // 饼状图的中心坐标, 数组的第一项是横坐标, 第二项是纵坐标
        center: ['50%','60%'],
        // 具体数据
        data: [
          {
              name: '江西',
              value: '20'
          },
          {
              name: '湖北',
              value: '30',
          },
          {
              name: '北京',
              value: '5'
          },
          {
              name: '上海',
              value: '23'
          }
        ]
    }
    
}

效果图如下：