echarts-bot[bot] commented on issue #18488:
URL: https://github.com/apache/echarts/issues/18488#issuecomment-1501360628
@HOUSHENGREN It seems you are not using English, I've helped translate the
content automatically. To make your issue understood by more people and get
helped, we'd like to suggest using English next time. 🤗
<details><summary><b>TRANSLATED</b></summary><br>
**TITLE**
[Feature] When the adjacent data values of the line chart are large, they
will overlap. Can it be optimized?
**BODY**
### What problem does this feature solve?
In the line chart, when the value is large, adjacent numbers will overlap
~~~
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [150150150150150150150150150150150150150150150,
150150150150150150150150150150150150150150150, 224, 218, 135, 147, 260],
type: 'line',
label: {
show: true,
position: 'auto'
}
}
]
};
~~~
### What does the proposed API look like?
I hope that like antV, it can adapt to the upper and lower positions.
https://g2plot.antv.antgroup.com/zh/examples/line/basic/#line-point-style
~~~
import { Line } from '@antv/g2plot';
const data = [
{ year: '1991', value: 55555555555555555 },
{ year: '1992', value: 55555555555555555 },
{ year: '1993', value: 55555555555555555.5 },
{ year: '1994', value: 55555555555555555 },
{ year: '1995', value: 55555555555555555.9 },
{ year: '1996', value: 55555555555555555 },
{ year: '1997', value: 7 },
{ year: '1998', value: 9 },
{ year: '1999', value: 13 },
];
const line = new Line('container', {
data,
xField: 'year',
yField: 'value',
label: {},
point: {
size: 5,
shape: 'diamond',
style: {
fill: 'white',
stroke: '#5B8FF9',
lineWidth: 2,
},
},
tooltip: { showMarkers: false },
state: {
active: {
style: {
shadowBlur: 4,
stroke: '#000',
fill: 'red',
},
},
},
interactions: [{ type: 'marker-active' }],
});
line. render();
~~~
</details>
--
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.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
