You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2020/04/28 00:56:54 UTC
[GitHub] [incubator-echarts] BrianGilbert opened a new issue #12512: Bar labels overwritten by next data segment
BrianGilbert opened a new issue #12512:
URL: https://github.com/apache/incubator-echarts/issues/12512
### Version
4.7.0
### Steps to reproduce
When there is a bar chart that has some high value and low value peices of data in the same column the small numbers get occluded by data above them:
Option array for the above screenshot that can be pasted into the examples engine at https://echarts.apache.org/examples/en/editor.html
```
option = {
aria: {
show: true
},
color: ['#522a6c', '#84939d', '#c81f66', '#039cd6', '#88982f', '#8f61ad', '#45575e', '#0172a6', '#ce5b8b', '#397519'],
title: {
text: 'Test chart',
left: 'center'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
textStyle: {
fontSize: '14',
fontWeight: 'bold'
}
},
legend: {
backgroundColor: '#F3F3F3',
borderColor: '#F3F3F3',
data: ['Community', 'Custodial', 'Imprisionment'],
top: 25,
textStyle: {
fontSize: '14',
fontWeight: 'bold'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
yAxis: {
textStyle: {
fontSize: '14',
fontWeight: 'bold'
},
type: 'value'
},
xAxis: {
data: ['2015', '2016', '2017', '2018', '2019'],
type: 'category'
},
series: [
{
name: 'Community',
type: 'bar',
stack: 'stack1',
label: {
backgroundColor: 'auto',
borderColor: 'auto',
borderWidth: 1,
fontSize: '14',
fontWeight: 'bold',
position: 'inside',
show: true
},
data: ['37', '25', '52', '47', '59']
},
{
name: 'Custodial',
type: 'bar',
stack: 'stack1',
label: {
backgroundColor: 'auto',
borderColor: 'auto',
borderWidth: 1,
fontSize: '14',
fontWeight: 'bold',
position: 'inside',
show: true
},
data: ['2', '1', '3', '1', '2']
},
{
name: 'Imprisionment',
type: 'bar',
stack: 'stack1',
label: {
backgroundColor: 'auto',
borderColor: 'auto',
borderWidth: 1,
fontSize: '14',
fontWeight: 'bold',
position: 'inside',
show: true
},
data: ['4', '3', '1', '1', '2']
}
]
};
```
If there is a way to overcome this in the options I've not yet been able to find it, so advice would be greatly recommended.
### What is expected?
Data labels should ideally always be visible and not occluded
### What is actually happening?
labels are occluded by data above them
---
I think that if the z-index of the top section of a column was always the lowest in the column this would help significantly, so that the label below would always display above the data component above it.
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] 100pah commented on issue #12512: Bar labels overwritten by next data segment
Posted by GitBox <gi...@apache.org>.
100pah commented on issue #12512:
URL: https://github.com/apache/incubator-echarts/issues/12512#issuecomment-621801636
A better label z-index solution will be in v5.0.
Before that, we can also set `z` for each series to work around it, like:
```js
option = {
series: [{
stack: 'stack1',
z: 10
}, {
stack: 'stack1',
z: 20
}, {
stack: 'stack1',
z: 30
}]
}
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12512: Bar labels overwritten by next data segment
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12512:
URL: https://github.com/apache/incubator-echarts/issues/12512#issuecomment-620313522
Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.
In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.
If you are interested in the project, you may also subscribe our [mail list](https://echarts.apache.org/en/maillist.html).
Have a nice day! 🍵
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] BrianGilbert commented on issue #12512: Bar labels overwritten by next data segment
Posted by GitBox <gi...@apache.org>.
BrianGilbert commented on issue #12512:
URL: https://github.com/apache/incubator-echarts/issues/12512#issuecomment-620341158
I just found `barMinHeight` but is there any way to address this that keeps the bar sections closer to being representive of their value?
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org