当前位置:网站首页>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
]
}
]
};
边栏推荐
- 解中小企业之困,百度智能云打个样
- G - Cow Bowling
- D - 滑雪
- SQL assigns the field value of data table B to a column in data table a
- Use the script to crawl the beautiful sentences of the sentence fan website and store them locally (blessed are those who like to excerpt!)
- B - Bridging signals
- IDC report: the AI cloud market share of Baidu AI Cloud ranks first for six consecutive times
- Mode pont
- 8、【STM32】定时器(TIM)——中断、PWM、输入捕获实验(一文精通定时器)
- Arcpy -- use of insertlayer() function: adding layers to map documents
猜你喜欢
P5733 [deep foundation 6. example 1] automatic correction
Composite mode
Design of four kinds of linear phase FIR filters -- complete set of Matlab source code
【Spark】. Explanation of several icons of scala file in idea
解中小企业之困,百度智能云打个样
IDC report: the AI cloud market share of Baidu AI Cloud ranks first for six consecutive times
10秒内完成火灾预警,百度智能云助力昆明官渡打造智慧城市新标杆
2、并行接口、协议和相关芯片介绍(8080、8060)
Processing random generation line animation
桥接模式(Bridge)
随机推荐
tauri vs electron
装饰器(Decorator)
倍福TwinCAT3实现CSV、TXT文件读写操作
Dark horse notes - Common APIs
Electron official docs series: Development
[how to connect the network] Chapter 2 (next): receiving a network packet
Explain C language 10 in detail (C language series)
8. [STM32] timer (TIM) -- interrupt, PWM, input capture experiment (proficient in timer)
C语言:练习题二
Don't mess with full_ Case and parallel_ CASE
Basic configuration and test of Beifu twincat3 NCI in NC axis interface
MySQL数据库讲解(三)
Electron official docs series: Contributing
UVA10341 solve it 二分
Mode pont
HDU 3555 Bomb
倍福PLC实现绝对值编码器原点断电保持---bias的使用
中国剩余定理模板题 互质与非互质
QT . Establishment and use of pri
Sinotech software outsourcing