echarts基本设置积累

1、修改坐标轴字体大小

柱状图：

xAxis: {
    axisLabel: {
        textStyle: {
            fontSize: '16',
        }
    }
}

饼状图：
series：{
    label:{
        textStyle: {
            fontSize: '16',
        }
    }
}

 

2、修改柱状图柱子颜色

series: [
    {
        itemStyle: {
            normal: {
                color: '#3aa1ff',
            }
        }
    }
]

 

3、柱状图悬浮添加透明背景色

tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'shadow',
    },
}

 

4、Y轴加单位，及字体样式和对齐方式设置

yAxis: {
    name: '单位:个',
    nameTextStyle: {
        fontSize: 16,
        align: 'right'
    }
}

 

5、图例的横纵向排列方式修改、及图例字体样式设置
legend: {
    top: 'center',
    right: '2%',
    orient: 'vertical',

    icon:'circle',
    textStyle: {
        fontSize: '16'
    }
}

 

6、饼状图显示比例

series: [
    {
        label: {
            textStyle: {
                fontSize: '14',
            },
            formatter: '{b}: {d}' + '%',
        },
        data: this.fractionListData,
    }
]

• {a}：系列名。
• {b}：数据名。
• {c}：数据值。
• {d}：百分比。
•