当前位置:网站首页>Echart stack histogram: add white spacing effect setting between color blocks
Echart stack histogram: add white spacing effect setting between color blocks
2022-06-26 13:18:00 【HaanLen】
There is no gap between the color blocks of the histogram .
Set white gap between color blocks of stacked histogram , Main setup item The border color of borderColor And the width 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
]
}
]
};
边栏推荐
- B - Bridging signals
- Chapter 01_ Installation and use of MySQL under Linux
- Beifu PLC model selection -- how to see whether the motor is a multi turn absolute value encoder or a single turn absolute value encoder
- Machine learning notes - seasonality of time series
- Dark horse notes - Common APIs
- Uva11582 [fast power]colossal Fibonacci numbers!
- 外观模式(Facade)
- Electron official docs series: Get Started
- Electron official docs series: Contributing
- Electron official docs series: References
猜你喜欢

倍福PLC选型--如何看电机是多圈绝对值还是单圈绝对值编码器

倍福PLC基于CX5130实现数据的断电保持

Processsing mouse interactive learning

P2393 yyy loves Maths II

8、【STM32】定时器(TIM)——中断、PWM、输入捕获实验(一文精通定时器)

May product upgrade observation station

Arcpy——InsertLayer()函数的使用:掺入图层到地图文档里

2、并行接口、协议和相关芯片介绍(8080、8060)

Electron official docs series: Get Started

Arcpy——InsertLayer()函數的使用:摻入圖層到地圖文檔裏
随机推荐
Enjoy element mode (flyweight)
H - Sumsets POJ 2229
Beifu realizes the control of time slice size and quantity through CTU and ton
Detailed explanation of C const: definition and use of C constant
code force Party Lemonade
What are the common categories of software testing?
I - Dollar Dayz
Uva10341 solve it
倍福PLC选型--如何看电机是多圈绝对值还是单圈绝对值编码器
I have a good word to say, and I admire myself
8. [STM32] timer (TIM) -- interrupt, PWM, input capture experiment (proficient in timer)
MySQL数据库讲解(五)
G - Cow Bowling
Dark horse notes - Common APIs
HDU 3709 Balanced Number
Processing polyhedron change
D - skiing
D - 滑雪
适配器模式(Adapter)
【Spark】. Explanation of several icons of scala file in idea