[GitHub] [echarts] HOUSHENGREN opened a new issue, #18488: [Feature] 折线图相邻数据值很大时会重合，能否优化下

Sun, 09 Apr 2023 20:55:26 -0700 


HOUSHENGREN opened a new issue, #18488:
URL: https://github.com/apache/echarts/issues/18488

   ### What problem does this feature solve?
   
   折线图中，当数值很大时，相邻的数会重合
   ~~~
   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'
         }
       }
     ]
   };
   ~~~
   
![image](https://user-images.githubusercontent.com/48871516/230821925-e863f8e3-8c23-4d58-aec7-02d48e3b3737.png)
   
   
   ### What does the proposed API look like?
   
   希望像antV一样，可以自适应上下位置。
   
   https://g2plot.antv.antgroup.com/zh/examples/line/basic/#line-point-style
   ~~~
   import { Line } from '@antv/g2plot';
   
   const data = [
     { year: '1991', value: 5555555555555555 },
     { year: '1992', value: 5555555555555555 },
     { year: '1993', value: 5555555555555555.5 },
     { year: '1994', value: 5555555555555555 },
     { year: '1995', value: 5555555555555555.9 },
     { year: '1996', value: 5555555555555555 },
     { 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();
   ~~~
   
![image](https://user-images.githubusercontent.com/48871516/230822510-cd9474fb-880d-42c7-8215-5ad18a8e42c8.png)
   
   


-- 
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]

Reply via email to