Echart

Echarts 圆环图 配置难点

2022-05-12  本文已影响0人  君不见_1acd

.逗号分隔数值text

关键字 如图

该函数方法如下:

 function formatNumber (num) {

     let reg = /(?=(\B)(\d{3})+$)/g;

    return num.toString().replace(reg, ',');

};

样式关键在于rich 自定义配置 非常有用

二.牵引线配置

普通的牵引线是没有圆点的,需要手动配置 在series下的label对象中配置 设定牵引线长度

三.图例组件配置

为图例设置边框 调整边距

legend: {

                    borderColor:'#c7d0fc',  //边框颜色

                    borderWidth:1,     //边框宽度

                    borderRadius: 5,  //边框圆角

                    padding:[15,12], //边框内边距

                    icon: "circle",  //图例样式

                    orient: 'horizontal',  //排列方式

                     itemGap: 20,  //间隔

                },

上一篇 下一篇

猜你喜欢

热点阅读