ECharts实现两根柱子重叠在一起的柱状图

今天需要使用echarts来画一个两根柱子重叠在一起的柱状图，echarts文档的示例的双柱子或者多柱子的图表都是并列显示的，经过查阅echarts配置项文档，目前已实现，话不多说，上代码：

需要实现的图表样式：

echarts配置：

option = {color: ['#3398DB'],tooltip: {trigger: 'axis',axisPointer: {type: 'none'}},xAxis: [{type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']}],yAxis: [{type: 'value'}],series: [{name: '预算数据',type: 'bar',barWidth: '60%',color: '#EAF6FE',data: [100, 520, 200, 350, 400, 370, 260]},{name: '实际数据',type: 'bar',barWidth: '60%',color: '#60BBFD',barGap: '-100%',data: [10, 52, 200, 334, 390, 330, 220]}]
};

其实看配置代码可以看出来，控制两根柱子重叠的属性就是series.barGap

我们一起来看看官方对这个属性的解释吧：

看到这的你，希望可以快捷帮到你哟~

ECharts实现两根柱子重叠在一起的柱状图相关推荐

【Visio2003两根线重叠凸起如何让解决】
Visio2003两根线重叠凸起如何让解决选中右击→格式→行为选择跨线→从不
一般柱子与柱子的距离_楼房承重的两根柱子的距离一般是多少
楼房承重的两根柱子的距离一般是多少其实你这个问题很有意思,你的最终意思是柱子间的框架梁的跨度一般是多少,呵呵也没有具体的尺寸,4----8米的常见 6米以内其实你这个问题很有意思,你的最终意思是柱 ...
汉诺塔递归调用（C语言实现）有三根相邻的柱子，标号为A,B,C，A柱子上从下到上按金字塔状叠放着n个不同大小的圆盘，要把所有盘子一个一个移动到柱子B上，并且每次移动同一根柱子上都不能出现大盘子在小盘
什么是汉诺塔呢:汉诺塔(又称河内塔)问题是源于印度一个古老传说的益智玩具.大梵天创造世界的时候做了三根金刚石柱子,在一根柱子上从下往上按照大小顺序摞着64片黄金圆盘.大梵天命令婆罗门把圆盘从下面开始按 ...
汉诺塔c语言做法：汉诺塔（Hanoi）是必须用递归方法才能解决的经典问题。它来自于印度神话。上帝创造世界时作了三根金刚石柱子，在第一根柱子上从下往上按大小顺序摞着64片黄金圆盘
汉诺塔(Hanoi)是必须用递归方法才能解决的经典问题.借助c杆将所有的圆盘移到b杆上,每次只能移一个,且小的盘子一定在大的盘子上面它来自于印度神话.上帝创造世界时作了三根金刚石柱子,在第一根柱子上 ...
柱形图如何在每根柱子上都显示数据
在每根柱子上显示数据需要用到plt.text()方法.目标为在每根柱子上显示百分比数据,首先导入模块 import pandas as pd import numpy as np import mat ...
两根硬铜线并线接插座_高级电工原来都这样接电线，手法还没见过，我也立马学...
尽管电线接线看起来似乎很简单,只需要将两根导线连接在一起并用胶带包裹即可.虽然方法很简单,但是过程非常重要,主要是将两条导线紧密连接在一起,千万不要松动,以保障安全性.一般来说,对于一些专业老电工来说 ...
世界上没有一模一样的东西_世界上存在两根同时点燃同时燃尽一模一样的蜡烛吗？...
有人问:从科学角度来说,如果有两根一模一样的蜡烛,同时点燃,它们会同时燃尽吗?时空通讯很明确地回答:不会. 这个事物如果从两个方面来看,会得出两种不同的结果. 如果只是按照生活常识,并不严谨对待&qu ...
LeetCode 1031. 两个非重叠子数组的最大和（一次遍历，要复习）*
文章目录 1. 题目 2. 解题 2.1 暴力枚举 2.2 一次遍历 1. 题目给出非负整数数组 A ,返回两个非重叠(连续)子数组中元素的最大和,子数组的长度分别为 L 和 M.(这里需要澄清的是 ...
台式计算机装两条内存条开不了机,电脑插了两根内存条后开不了机是怎么回事？...
好多网友在想升级电脑的时候,第一条就是想到要加一根内存,但是好多网友都会遇到电脑插了两根内存条后开不了机了,这是怎么回事呢?我们一起来看看. 电脑插了两根内存条后开不了机是怎么回事? 1.如果只有其中 ...

ECharts实现两根柱子重叠在一起的柱状图

ECharts实现两根柱子重叠在一起的柱状图相关推荐

最新文章

热门文章