当前位置:网站首页>Echart堆叠柱状图:色块之间添加白色间距效果设置
Echart堆叠柱状图:色块之间添加白色间距效果设置
2022-06-26 12:36:00 【HaanLen】
柱状图色块之间是没有间隙。
堆叠柱状图色块之间设置白色间隙,主要设置item的边框颜色borderColor以及宽度borderWidth

option = {
legend: {
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value'
},
yAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
series: [
{
name: 'Direct',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [
{
value: 320,
itemStyle: {
borderColor: '#fff',
borderWidth: 2
}
},
302,
301,
334,
390,
330,
320
]
},
{
name: 'Mail Ad',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [
{
value: 120,
itemStyle: {
borderColor: '#fff',
borderWidth: 2
}
},
132,
101,
134,
90,
230,
210
]
},
{
name: 'Affiliate Ad',
type: 'bar',
stack: 'total',
label: {
show: true
},
data: [
{
value: 220,
itemStyle: {
borderColor: '#fff',
borderWidth: 2
}
},
182,
191,
234,
290,
330,
310
]
}
]
};
边栏推荐
- 机组实践实验8——使用CMStudio设计基于基本模型机微程序指令(1)
- MySQL 自定义函数时:This function has none of DETERMINISTIC, NO SQL 解决方案
- MS17_ 010 utilization summary
- A most practical arbitrage wizard EA [2022 modified version]
- International beauty industry giants bet on China
- 做自媒体视频的各种常用工具合集奉上
- CG bone animation
- 一个初级多线程服务器模型
- Microservice governance (nocas)
- Comparison of latest mobile phone processors in 2020 (with mobile phone CPU ladder diagram)
猜你喜欢

Fengshentai old shooting range Kali series

TSMC Samsung will mass produce 3nm chips in 2022: will the iPhone be the first?

Tiger Dao VC products are officially launched, a powerful supplement to seektiger ecology

openlayers 绘制动态迁徙线、曲线

不到40行代码手撸一个BlocProvider

国标GB28181协议EasyGBS级联宇视平台,保活消息出现403该如何处理?

环形队列php

Websocket and socket IO case practice

Laravel subdomain accesses different routing files and different modules

NoSQL mongodb - 01 introduction to NoSQL and mongodb
随机推荐
TP5 thinkphp5 report serialization of'closure'is not allowed
PHP returns false when calling redis method decrby less than 0
7-1 数的范围
计组实践实验9——使用CMStudio设计基于分段模型机微程序指令(2)
nvm安装教程
Websocket and socket IO case practice
China's smart toy market outlook and investment strategy consulting forecast report from 2022 to 2027
Realize microservice load balancing (ribbon)
国标GB28181协议EasyGBS视频平台TCP主动模式拉流异常情况修复
Tiger DAO VC产品正式上线,Seektiger生态的有力补充
Several methods added to the ES6 array (foreach, filter, some, every. Includes, reduce)
A most practical arbitrage wizard EA [2022 modified version]
MySQL 自定义函数时:This function has none of DETERMINISTIC, NO SQL 解决方案
Configuring Apache digest authentication
文件远程同步、备份神器rsync
美学心得(第二百三十八集) 罗国正
7-2 大盗阿福
710. random numbers in the blacklist
Generate JDE dot train
Analysis report on China's photovoltaic inverter market prospect forecast and investment strategy recommendations in 2022