当前位置:网站首页>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
]
}
]
};
边栏推荐
- MySQL数据库讲解(四)
- Detailed explanation of C const: definition and use of C constant
- QT . Establishment and use of pri
- C语言:练习题二
- I - Dollar Dayz
- Electron official docs series: Best Practices
- 橋接模式(Bridge)
- 解中小企业之困,百度智能云打个样
- Design of four kinds of linear phase FIR filters -- complete set of Matlab source code
- OPLG: 新一代云原生可观测最佳实践
猜你喜欢

Machine learning notes - seasonality of time series

What features are added to Photoshop 2022 23.4.1? Do you know anything
![[how to connect the network] Chapter 2 (middle): sending a network packet](/img/5f/602c59d3a7ee1154c7410fb2fcfc41.png)
[how to connect the network] Chapter 2 (middle): sending a network packet

倍福CX5130换卡对已有的授权文件转移操作
![[how to connect the network] Chapter 1: the browser generates messages](/img/6b/e85f29ba97c261e01e177b5e77c423.png)
[how to connect the network] Chapter 1: the browser generates messages

倍福TwinCAT3 NCI在NC轴界面中的基本配置和测试

Electron official docs series: Processes in Electron

解中小企业之困,百度智能云打个样

To solve the difficulties of small and medium-sized enterprises, Baidu AI Cloud makes an example

Prototype
随机推荐
8. [STM32] timer (TIM) -- interrupt, PWM, input capture experiment (proficient in timer)
Electron official docs series: Get Started
Machine learning notes - seasonality of time series
Dark horse notes - Common APIs
System tasks (display / print class) in Verilog - $display, $write, $strobe, $monitor
P5733 [deep foundation 6. example 1] automatic correction
Electron official docs series: Processes in Electron
Beifu PLC model selection -- how to see whether the motor is a multi turn absolute value encoder or a single turn absolute value encoder
HDU 5860
Oplg: new generation cloud native observable best practices
To solve the difficulties of small and medium-sized enterprises, Baidu AI Cloud makes an example
Electron official docs series: Processes in Electron
Digital signal processing -- Design of linear phase type (Ⅰ, Ⅲ) FIR filter (1)
桥接模式(Bridge)
I - Dollar Dayz
Beifu PLC realizes zero point power-off hold of absolute value encoder -- use of bias
[how to connect the network] Chapter 1: the browser generates messages
Mysql database explanation (6)
Electron official docs series: Examples
What are the common categories of software testing?