echarts柱状图不显示轴线设置y字体大小 title居中

诺小D

已于 2023-02-03 15:29:49 修改

阅读量2.3k

点赞数

文章标签： echarts

于 2021-08-25 16:49:37 首次发布

本文链接：https://blog.csdn.net/weixin_46352558/article/details/119914039

版权

提供一个好用的echarts的开源炫酷demo网站 chartlib

echarts柱状图不显示轴线设置y字体大小 title居中

   let myChart = this.$echarts.init(this.$refs['chart']);
           let option = {
               title: {
                    text: '高/中/低风险的企业数',
                    x:'center',
                    y:'top',
                    textAlign:'left',   //位置
                    textStyle:{
                        //文字颜色
                        color:'#8DB0E5',
                        //字体风格,'normal','italic','oblique'
                        fontStyle:'normal',
                        //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
                        fontWeight:'400',
                        //字体系列
                        // fontFamily:'sans-serif',
                        //字体大小
                　　　　 fontSize:12,                    
                    }
                },
               color:['#e6021f', '#F59A23' ,'#70B603'],
                xAxis: {
                    type: 'category',
                    data: ['高风险', '中风险', '低风险'],
                    axisTick: {
                        show:false //y轴坐标点消失
                         },
                    axisLine:{
                        show:false,
                    },
                    axisLabel: {
                        inside: false,
                        textStyle: {
                            color: '#a8c0d9',   //字体颜色
                            fontSize:'12',    //字体大小
                            itemSize:''   
                        }
                    },
                },
                yAxis: {
                    type: 'value', 
                    show:false, 
                },
                series: [{
                    data: [50, 200, 20],
                    type: 'bar',
					barWidth: 15,  //设置柱状图大小
                }]
            };
            myChart.setOption(option)