echars顶部显示数据，并且格式化为百分比

快来打我* 2023-07-17 09:47 16阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70]  
柱子数据设置：

series: [
            { 
                name: '直接访问',
                type: 'bar',
                barWidth: '60%', //柱子宽度，有些设置为百分比，不能显示。把 % 号 去掉就可以了
                itemStyle:{ 
                    normal:{ 
                        label:{ 
                            show:true,
                            position:'top',   //文字位置
                            textStyle:{ 
                                color:'red' //文件颜色
                            },
                            formatter: '{a}\n{b}\n{c}%'　　　　//这是关键，格式化百分比显示
                        }
                    }
                },
                
                data: [10, 52, 200, 334, 390, 330, 220]
               
            }
        ]

Y轴百分比显示：

yAxis: [
        {   
             type: 'value',  
             axisLabel: {   
                 show: true,  
                 interval: 'auto',  
                 formatter: '{value} %'  
                 },  
             show: true  
         }  
     ],

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70]: /images/20230528/1a10b34a972b4d7ca8c3c043e2fce704.png

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 echars顶部显示数据，并且格式化为百分比

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

快来打我*/ 2023年07月17日 09:47/ 0 赞/ 17 阅读

相关小程序数据渲染根据返回值计算百分比并且显示

wxml: <view >{ { precent + '%'}}</view> <text >{ {welfare_list

淩亂°似流年/ 2022年12月16日 13:03/ 0 赞/ 247 阅读

相关 Vue使用echars echars数据通过springboot提供

vue安装echars命令 npm install echarts --save 在main.js使用echars import as echarts

叁歲伎倆/ 2022年10月05日 05:55/ 0 赞/ 165 阅读

相关 Echarts柱状图百分比显示

option = { tooltip: { trigger: 'item', formatter

冷不防/ 2022年09月12日 12:58/ 0 赞/ 312 阅读

相关 linux添加硬盘并且格式化

前段时间玩了一阵子LFS。这一段时间一直做linux系统防护，需要加一块硬盘，有些知识点忘记了。因此写一点东西记录一下。用虚拟机演示吧 1.首先添加一块硬盘 ![这里写

迷南。/ 2022年08月23日 00:31/ 0 赞/ 222 阅读

相关 java 小数转换成百分比显示

//这里的数后面加“D”是表明它是Double类型，否则相除的话取整，无法正常使用 double percent = 50.5D / 150D;

浅浅的花香味﹌/ 2022年06月15日 12:06/ 0 赞/ 187 阅读

相关 Magento中显示产品折扣百分比

如果您希望显示产品折扣百分比旁边的产品价格或某个地方产品页上，在这里的你怎么做。打开app/设计/前端/yourpackage/yourtheme/template/cat

刺骨的言语ヽ痛彻心扉/ 2022年06月07日 11:50/ 0 赞/ 194 阅读

相关 java格式化输出百分比

说明调用jdk的API输出百分比代码 import java.text.NumberFormat; / @author wds

短命女/ 2022年05月30日 03:13/ 0 赞/ 227 阅读

相关 Oracle数据显示百分比

select round(sum( cast( nvl(1.68,0) as decimal(38,2)) ),2 ) || '%' from dual ![watermar

素颜马尾好姑娘i/ 2021年12月19日 20:43/ 0 赞/ 521 阅读

相关 jQuery格式化显示json数据

一、概述 JSONView 在gitlab上面，有一个jQuery JSONView插件，地址为：[https://github.com/yesmeck/jquer

- 日理万妓/ 2021年10月23日 19:16/ 0 赞/ 637 阅读