echarts隐藏坐标轴,以及控制柱状图颜色_前端杨小白的博客-程序员ITS203_echarts隐藏纵坐标

技术标签: Echarts  

echarts隐藏坐标轴方法:

xAxis : [{
  show : false, //设置为true时候显示
}],
yAxis : [{
  show : false,
}]

echarts控制柱状图颜色方法:

series : [{
  name: '数量',
  type: 'bar',
  itemStyle: {
    normal: {
      //好,这里就是重头戏了,定义一个list,然后根据所以取得不同的值,这样就实现了,
      color: function(params) {
        // build a color map as your need.
        var colorList = [
          '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
          '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
          '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
        ];
        return colorList[params.dataIndex]
      },
    //以下为是否显示,显示位置和显示格式的设置了
      label: {
        show: true,
        position: 'top',
        //formatter: '{c}'
        formatter: '{b}\n{c}'
      }
    }
  },
  //设置柱的宽度,要是数据太少,柱子太宽不美观~
  barWidth:70,
  data: [28,15,9,4,7,8,23,11,17]
}]

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yangwqi/article/details/108736471

智能推荐

第一种高效自动装机方法之PXE高效批量网络装机_卑微小CC的博客-程序员ITS203

文章目录一、PXE概述(一)、PXE简介(二)、PXE批量部署的优点(三)、若要搭建PXE网络体系,必须满足以下几个前提条件:二、搭建PXE远程安装服务器(操作步骤)(一)、安装并启用TFTP服务(二)、安装并启用DHCP服务(三)、准备Linux内核、初始化镜像文件(四)、准备PXE引导程序(用于PXE网络安装的引导程序为 pxelinux.0,由软件 syslinux提供)(五)、安装并启用FTP服务,准备centos 7安装源(六)、配置启动菜单文件(七)、关闭防火墙,验证PXE网络安装三、实现 Ki

Docker 生产环境之配置容器 - 限制容器资源_kikajack的博客-程序员ITS203_docker 资源配置

原文地址默认情况下,容器没有资源限制,可以使用主机内核调度程序允许的给定资源。Docker 提供了一些方法来控制容器可以使用多少内存、CPU 或块 IO,并设置 docker run 命令的运行时配置标志。本节详细介绍了何时应该设置限制以及设置它们的可能影响。许多这些功能需要您的内核支持 Linux 功能。通过 docker info 命令检查支持是否可用。如果在内核中禁用了某个功能,则可...

jdk11启动nacos报错Error: Could not find or load main class Caused by: java.lang.ClassNotFoundException_belief95的博客-程序员ITS203_java_opt_ext

修改startup.sh文件1.JAVA_OPT_EXT_FIX="-Djava.ext.dirs=JAVAHOME/jre/lib/ext:{JAVA_HOME}/jre/lib/ext:JAVAH​OME/jre/lib/ext:{JAVA_HOME}/lib/ext"JAVA_OPT="JAVAOPT−Djava.ext.dirs={JAVA_OPT} -Djava.ext.dirs=JAVAO​PT−Djava.ext.dirs={JAVA_HOME}/jre/lib/ext:${JAVA_

后渗透——Filezilla第三方软件提权_admin-r꯭o꯭ot꯭的博客-程序员ITS203_filezilla 漏洞

FilezillaFileZilla是一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具,而FileZilla Server则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件。Filezilla和普通Web网站一样,前台有普通FTP账户执行...

EnvironmentError: mysql_config not found Command "python setup.py egg_info" failed with error code_FreeSpider公众号的博客-程序员ITS203

这是在Ubuntu里面安装flask-mysqldb出现的错误提示,提示我们找不到mysql_config这个文件,如下图: 那么怎么解决?退出虚拟环境,在终端运行如下命令:sudo apt-get install libmysqlclient-dev如果安装成功,就回到虚拟环境中继续安装你要安装的软件。如果安装失败并且提示如下错误: 这是因为在使用ap-get安装包的时...

rman实验之归档模式无备份,正常关机丢失当前联机重做日志文件的恢复_linwaterbin的博客-程序员ITS203

所有的备份软件都没有备份联机重做日志文件的说法。因为,它几乎时刻都在写,单独备份某个时刻,没啥意义。再者,归档日志在某种意义上,也是对联机重做日志的备份。对联机重做日志文件的保护,核心就两个字:冗余。包括:多路镜像、RAID方式、HA的运用(如DG)。    1)查看当前的联机重做日志文件[email protected]> select group#,members,sequence#,status from v

随便推点

计算机故障的分析原理,蓝屏含义、原理分析、处理方法 电脑计算机故障系统安全..._西从南来的博客-程序员ITS203

目录1含义2原理分析3处理方法4代码含义和解决 5原因分析6预防电脑蓝屏的含义引蓝屏解释1.故障检查信息***STOP 0x0000001E(0xC0000005,0xFDE38AF9,0x0000001,0x7E8B0EB4)KMODE_EXCEPTION_NOT_HANDLED ***其中错误的第一部分是停机码(Stop Code)也就是STOP 0x0000001E, 用于识别已发生错误的类...

WebView-Android与H5交互、设置cookie、post请求、滑动监听、点击监听、关闭音频视频_喂_balabala的博客-程序员ITS203

mWbRealize.loadUrl("http://652857502.scene.eqxiu.com/s/vknb0n8W?eqrcode=1&from=singlemessage&isappinstalled=0");//支持javascriptweb.getSettings().setJ

SpringCloud:Eureka的健康检测机制_akaks0的博客-程序员ITS203_eureka健康检查机制

在某一些时候注册在Eureka的服务已经挂掉了,但是服务却还留在Eureka的服务列表的情况。1.Eureka服务端Eureka服务端的配置application.yml:server: port: 9501eureka: instance: hostname: 127.0.0.1 client: registerWithEureka: fals...

U-App 应用统计 分享_iOS开发-上海的博客-程序员ITS203

http://dev.umeng.com/analytics/ios-doc/integration1.1  导入SDK请在你的工程目录结构中,添加友盟统计框架,在选项TARGETS--> Build Phases-->Link Binary With Libraries-->Add Other,选择文件UMMobClick.framework文件并选择确认;添加系统依赖框架(

STM32 FSMC学习笔记_小強EE的博客-程序员ITS203

原文地址:FSMC学习笔记">STM32 FSMC学习笔记作者:奇美拉的早茶(文章写的很乱,见谅!!)FSMC全称“灵活静态存储器控制器”。FSMC 包括4个模块:FSMC学习笔记" />FSMC学习笔记" TITLE="[转载]STM32 FSMC学习笔记" />(1)AHB接口(包括FSMC配置寄存器)(2)NOR闪存和PSRAM控制器(驱动LCD的时候LCD就好像一个PSRAM的

Mybatis-Plus使用基础_耘田的博客-程序员ITS203

实体类@[email protected](callSuper = false)@Accessors(chain = true)@TableName("area")public class AreaMp implements Serializable { private static final long serialVersionUID=1L; /** * 主键 */ @TableId(value = "id", type = IdT