为什么我的echarts字体样式这么丑？Echarts 柱状图、饼图 等标签、字体、样式调整

   

在项目组做了两个月的echarts，曾经小白的我现在对echarts的使用也算是得心应手，现将个人这段时间的个人笔记奉上，供大家品鉴、参考！

1、option下调图形颜色，加： color: ['#ffd285','#ec4863', '#ff733f','#3AA6FF']


2、调节echarts背景色，在option下加：backgroundColor: "#404A59",




3、标题样式调节：
           
  title: [{
       
                    text: '会议室饱和度',
   
                    left: '40%',
   
                    top: '6%',
     
                  textStyle: {
       
                    color: '#ffd285'
   
                    }
    
                 }]


4、调节echarts图形位置，在legend下加：
            
         grid: {
                left: '10%',
                right: '5%',
                top: '16%',
                bottom: '6%',
                containLabel: true
            }




5、调节legend 标签的样式：


legend: {
                x: '40%',
                bottom: '90%',
                textStyle: {
                    color: '#ffd285',
                },
                data: ['已办件数', '逾期数'],
                textStyle: {
                    fontSize: 28 ,
                    color: '#3398DB'
                }
            }


6、调节X轴样式：


         xAxis: {
                type: 'category',
                "axi