首页 > 其他分享 >echarts柱状图不同颜色设置

echarts柱状图不同颜色设置

时间:2023-06-16 14:23:03浏览次数:36  
标签:颜色 color series 柱状图 设置 echarts

可以通过设置每人柱子的颜色来实现echarts在状图每人柱颜色不一样的效果。具体方法是在series中设置itemtyle属性,然后在itemStvle中设置color属性,将每个柱子的颜色设置为不同的值即可。

series: [{
    type: 'bar'
    data: [10,20].
    itemStyle: (
    color: function(params) {
        var colorList =['#c23531',#2f4554'];
        return     colorListlparams .dataIndex;       
     }
}]

  

 

标签:颜色,color,series,柱状图,设置,echarts
From: https://www.cnblogs.com/qiangyanhuanxiao/p/17485407.html

相关文章

  • 博客园 文字颜色/图片大小/图片居中
    图片居中设置:字体颜色:<fontsize=5>字体、字号和颜色</font><fontface="黑体">我是黑体字</font><fontface="微软雅黑">我是微软雅黑</font><fontface="STCAIYUN">我是华文彩云</font><fontcolor=#0099ffsize=7fac......
  • Echarts
    Echarts国内同步镜像网站:https://www.isqqw.com/echarts-doc/zh/tutorial.html一、引用main.js 创建全局变量import*asechartsfrom'echarts'Vue.prototype.$echarts=echarts二、使用 ......
  • echarts飞行航线图学习
    第一次接触这个理解可能不一定正确后面如果我发现有问题会更正1.npm安装echarts npminstallecharts--saveimport*asechartsfrom'echarts'//这里我在data里定义了一个也可不定义根据使用方法灵活调整this.myChart=echarts.init(this.$refs......
  • echarts的饼图的数据都为0,展示饼图的样式以及方法
    series:[{name:'概况',type:'pie',label:{ formatter:'{b}({d}%)', color:'#555555'},radius:['30%','50%&#......
  • 92 从键盘获取3个汽车 汽车包含品牌 价格 颜色
    对象packagecom.fqs.Car;publicclassCar{//汽车的三个属性privateStringbrand;privatedoubleprice;privateStringcolor;//javabean格式publicCar(){}publicCar(Stringbrand,doubleprice,Stringcolor){......
  • Camera | 11.瑞芯微摄像头采集图像颜色偏绿解决笔记
    前言在实际调试基于瑞芯微平台的camera过程中,发现显示的图片发绿,现在把调试步骤分享给大家:1、修改iq文件sdk中位置:@external/camera_engine_rkaiq/iqfiles/isp21/ov13850_ZC-OV13850R2A-V1_Largan-50064B31.xml【现在已经不用了。主要用json配置文件】@external/camera_eng......
  • 84. 柱状图中最大的矩形
    给定n个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为1。求在该柱状图中,能够勾勒出来的矩形的最大面积。示例1:输入:heights=[2,1,5,6,2,3]输出:10解释:最大的矩形为图中红色区域,面积为10首先单调栈首先要确定左右的范围因为画矩形时,要找到......
  • opencv 图片处理/颜色通道提取/截取感兴趣部分图片
    图片处理importcv2#=============================#截取图像某一部分ROI(regionofinterest)mini=cv2.imread('C:/Users/59925/Desktop/pytest/pics/minions-s.jpg')print(mini.shape)cut_mini=mini[0:150,0:150]cv2.imshow('img',cut_mini)#============......
  • 修改goland 的颜色
    安装的goland默认的是darcula主题,暗黑系,在编码的同时还需要查询资料,浏览器的背影是白色的,偏亮,所以在来回切的时候,我又不可能切换一个界面换一个屏幕亮度,goland界面的亮度要比浏览器高两格亮度,我看起来才舒服,不然有点难受goland->preference->editor->colorscheme->general->col......
  • Xshell改字体大小及颜色
    有时候看着中文字体隔开很不爽,比如:于是就想改了法一:法二:......