echarts柱状图柱体圆角

init_chuangkou_top_list_chart:function(ckmc_list,value_list){
                let myChart = this.$echarts.init(document.getElementById('chuangkou_top_list'));
                var option;
                option = {
                    xAxis: {
                        type: 'category',
                        data: ckmc_list,
                        show: true,
                        axisLabel: {
                            textStyle: {
                                show:true,
                                fontFamily:'微软雅黑',
                                color: "#fff",
                                fontSize: '12',
                            },    
                            // interval:0, //控制X轴刻度全部显示
                            // rotate:30, //倾斜角度
                            interval: 0,  
                            formatter:function(value){ 
                                let len = value.length;
                                let length = 4; //控制一行显示个数
                                let num = Math.ceil(len/length);//循环次数
                                if(num > 1){
                                    let str = '';
                                    for(let i = 0;i<num;i++){
                                        str += value.substring(i*length,(i+1)*length) + '\n';
                                    }
                                    return str;
                                }else{
                                    return value;
                                } 
                            } 
                        }
                    },
                    yAxis: {
                        type: 'value',
                        show: false
                    },
                    color: ['#249A65', '#4BD2EF', '#227176', '#FFFFFF', '#F5A721','#249A65','#249A65'],
                    series: [
                        {
                            data: value_list,
                            type: 'bar',
                            colorBy:'data',
                            label:{
                                show : true
                            },
                            itemStyle: {
                                barBorderRadius:[4,4,0,0]
                            }

                        }
                    ]
                };
                // console.log('------chuangkou_top_list');
                option && myChart.setOption(option);
            },

posted @   盘思动  阅读(431)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
历史上的今天:
2021-01-19 中文名称截取 php
点击右上角即可分享
微信分享提示