echarts修改柱状图的宽度

2023-11-02

echarts修改柱状图的宽度

series-bar. barWidth = 自适应
numberstring
柱条的宽度,不设时自适应。
可以是绝对值例如 40 或者百分数例如 ‘60%’。百分数基于自动计算出的每一类目的宽度。
在同一坐标系上,此属性会被多个 ‘bar’ 系列共享。此属性应设置于此坐标系中最后一个 ‘bar’ 系列上才会生效,并且是对此坐标系中所有 ‘bar’ 系列生效。

在这里插入图片描述

 series: [
                        {
                            name: 'aaa',
                            type: 'bar',
                            stack: '广告',
                            itemStyle: {
                                normal: {
                                    color: '#6485CA',
                                    // barBorderRadius: [10, 10, 0, 0], //依次表示 左上,右上,右下、左下
                                    label: {
                                        show: false, //开启显示
                                        position: 'top', //在上方显示
                                        textStyle: { //数值样式
                                            color: '#aaa',
                                            fontSize: 14
                                        }
                                    }
                                }
                            },
                            data: investmentCompleteRate
                        },
                        {
                            name: 'bbb',
                            type: 'bar',
                            barWidth:'30%',
                            stack: '广告',
                            itemStyle: {
                                normal: {
                                    color: '#FF774B',
                                    barBorderRadius: [10, 10, 0, 0], //依次表示 左上,右上,右下、左下
                                    label: {
                                        show: false, //开启显示
                                        position: 'top', //在上方显示
                                        textStyle: { //数值样式
                                            color: '#aaa',
                                            fontSize: 14
                                        }
                                    }
                                }
                            },
                            data: budgetCompleteRate
                        },
                    ]

修改过后的图表如下所示

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

echarts修改柱状图的宽度 的相关文章

随机推荐

  • SYSTEMTIME、FILEITIME、LOCLTIME、UTC、QDateTime等各种时间

    1 UTC 世界协调时间 2 LOcalTime 本地时间 也就是系统设置时区的当前时间 3 SYSTEMTIME 格林威治时间 由本地时间减去时区即可 与localtime都是用SYSTEMTIME结构体存储 4 FileTime 基于U
  • protobuf-jetbrains-plugin插件

    ProtoBuf简介 ProtoBuf 是结构数据序列化方法 可简单类比于 XML 其具有以下特点 语言无关 平台无关 即 ProtoBuf 支持 Java C Python 等多种语言 支持多个平台 高效 即比 XML 更小 3 10倍
  • linux 命令:tr 详解

    tr 命令的功能是转换或删除字符 用法 tr OPTION SET1 SET2 选项 c C complement 用 SET2 替换 SET1 中没有包括的字符 d delete 删除 SET1 中的字符 s squeeze repeat
  • t420i升级固态硬盘提升_升级旧机子,为何首选升级固态硬盘?

    哈喽 带噶好 今天我们来聊聊升级老旧机器 为啥先升级固态硬盘 而不是升级内存 CPU 显卡之类的硬件 固态硬盘 是最近这五六年才开始普及开来的物件 所以很多人家里使用的主机 如果是五六年前买的话 机箱里大概率装的是机械硬盘 机械硬盘开机什么
  • 不懂就背--Java中的IO和NIO相关知识点总结

    一 IO和NIO的概念 NIO即New IO 这个库是在JDK1 4中才引入的 NIO和IO有相同的作用和目的 但实现方式不同 NIO主要用到的是块 所以NIO的效率要比IO高很多 在Java API中提供了两套NIO 一套是针对标准输入输
  • 如何正确的理解PSRR

    很多地方将PSR和PSRR混为一谈 PSR为电源抑制 Power Supply Rejection 即电源到输出增益的抑制 而PSRR为电源抑制比 Power Supply Rejection Ratio 即输入到输出的增益除以从电源到输出
  • 问题: Your project contains C++ files but it is not using a supported native build system.解决方法

    问题出现 将eclipse项目导入android studio后由于项目中有用到jni层中的东西 在将一系列可见错误解决后运行APP出现了标题中所述问题 1 网上最常见的解决方案 参考链接 一 在项目的gradle properties添加
  • Pytorch 入门 ----学习笔记

    本文是在参加DataWhale开源组队学习 深入浅出Pytorch 过程中 整理的学习笔记 Pytorch 基础知识 张量 张量的创建 张量 也叫做多维数组 常常我们对于一维张量也叫做标量 二位张量叫做矩阵 大部分时候 张量是三维及三维以上
  • LeetCode 1302. 层数最深叶子节点的和

    给你一棵二叉树的根节点 root 请你返回 层数最深的叶子节点的和 示例 1 输入 root 1 2 3 4 5 null 6 7 null null null null 8 输出 15 解法一 递归法 每次递归返回当前节点所处层数和以该节
  • AutoSet 根据配置表信息解析到新框架里面

    using System using System Collections Generic using System ComponentModel using System IO using System Reflection using
  • 深度学习理论篇

    目录 传统神经网络nn整体 nn总结 前向传播 像素点参数预处理 input 权重参数初始化 得分函数 W x 激活函数 f x 分类问题 反向传播 更新W 损失函数 output和target比较 卷积神经网络CNN CNN总结 卷积层
  • Mat类下的data指针的深刻理解

    摘要 本文主要介绍了Mat类中data指针访问每一个像素的方法 在访问和修改图像矩阵像素值的时候 我们经常会用到at ptr 以及迭代器MatIterator等 对于用Mat存储的图像的像素值的访问方法 文章http blog csdn n
  • html标记符之间不可以,HTML期末复习试题及参考答案

    HTML期末复习题 含答案 第1题判断正误 1 HTML标记符的属性一般不区分大小写 对 2 网站就是一个链接的页面集合 对 3 将网页上传到Internet时通常采用FTP方式 对 4 所有的HTML标记符都包括开始标记符和结束标记符 错
  • python数据评估

    未清理的数据 脏数据与杂乱数据 未清理数据分为两种 脏数据 也称为低质量数据 低质量数据存在内容问题 杂乱数据 也称为不整洁数据 不整洁数据存在结构问题 将数据可视化 例如 绘制图形 是编程评估的一部分 而非我们在这里说的目测评估 即通过目
  • NodeJs服务器启动后在浏览器访问时中文显示乱码处理方法

    创建一个叫 server js 的文件 并写入以下代码 使用 require 指令来载入 http 模块 并将实例化的 HTTP 赋值给变量 http var http require http 使用 http createServer 方
  • Dice相似系数(Dice Similarity Coefficient, DSC)

    Dice相似系数 Dice Similarity Coefficient DSC 分母可以解析为 FP TP 所有分类为阳性的样本 TP FN 真阳 假阴 所有真的是阳性的样本
  • LitJSON之JSON读取和写入

    JSON读取和写入 使用JsonReader例子 使用JsonWriter 目录 JSON读取和写入 一些开发者可能熟悉JSON数据的另一种处理方法 即通过利用类似流的方式来读取和写入数据 实现这种方法的是JsonReader类和 Json
  • jenkins+newman+postman持续集成环境搭建

    目录 一 Newman简介 二 Newman应用 三 安装newman 四 Html报告插件安装 五 安装nodejs 六 Jenkins集成步骤 一 Newman简介 Newman是一款基于Node js开发的 可以运用postman工具
  • jQuery的scroll

    scrollTop垂直滚动 scrollLeft水平滚动 scrollTop 读取或设置滚动条的y坐标 代码示例如下
  • echarts修改柱状图的宽度

    echarts修改柱状图的宽度 series bar barWidth 自适应 numberstring 柱条的宽度 不设时自适应 可以是绝对值例如 40 或者百分数例如 60 百分数基于自动计算出的每一类目的宽度 在同一坐标系上 此属性会