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

   ### What problem does this feature solve?
   
   Hi, I'm not sure if it's a bug, or if the behaviour is intended.
   For a given markArea in a simple line graph, I would like to display 
multiple label inside the markArea zone.
   In my case it would be a visibility issue when the line in the graph is 
covered by the line displayed in the graph.
   Allowing to position multiple labels in the markArea would allow to have 
fallbacks when a given label cannot be read.
   Here's a demo to help visualize the request : [Echart 
demo](https://echarts.apache.org/examples/en/editor.html?c=line-simple&lang=ts&code=MYewdgzgLgBAtgQwE4GsCCSCmCASDgoBcMCYAnjALwwDaAUDLQ4zAN4wAeaHAlhMQHIAsuAEwAvgBpmjVjJZde_GAIAqACwCuA6SxZgEcTIIDKhzDAA2CAEaZLO-Y2t3LxOXr0AHEBB5QecEEeSB4AE0wAIRAoKBA4ACUeAHN1KEdPFlBLECRBG2sCAScJXU9_TDgTKDJLYzYYbNzBJGSbBAAKAAZJGB6-3q6ASjFxeTHGAF0y-j12RT5BETBRstkSheU1LQzPAyNTcytbe129F3t3EsYfPwCglRC_CNUQLwAZTAAzdLXPJryKgK-BQxUyExYEMmdEmAG46HRQJBYJgOF5MMAoJgwkJkOgsAgAMLgL4pYikCjUWZMOYbbiLFTLM76cyHIzHVzM5wnNxsa4wW7-QJgYKhCLRWLxJKpX78gH5QqgkoQxhSeQeTybQQabR_Rj7eoCMzsi4OPUcy58zI3XxCh4CJ7hTCvD7fWXWxogHKAgTAorK8bMaFwhFve5gKhWzj05Qaxg1dGCYAILHJXJkZlhFMIYg0YSiXpqTSYHQqADq2NL211KgAYkgeFWzL8VCZNCtoaqymQY1c9AnDQA3BCWYtg0rMCCYBuYZTU9aZLNQHO0ACMAFZ-gAmADM_QA7L0AGy9Vc79engAsh5gW6PXWmJQHgksIRL5sQqAw2D71qXK8_fFsDwAhzUYAB6cCYH_YhUXRTFsVxL8CWJMBSWSc0VQkIM6HEWEgA)
   
   I found a way to do it, but it feels a bit like an hack.
   ```
   markArea: {
     data: markAreaHack,
     // data: expectedMarkAreaConfig,
   }
   ```
   You can toggle the following line in the demo to see both behaviours. When 
using `expectedMarkAreaConfig` only one label is visible
   
   ### What does the proposed API look like?
   
   I don't have a proper solution yet, expect the "hack" previously described.
   But the expected API could be something like this, which already match the 
type described by `MarkArea['data']`
   ```js
   markArea: {
     data: [
       [
         {
           xAxis: 'Mon',
           name: 'Same label',
           label: {
             position: 'insideBottomRight',
             color: 'black'
           }
         },
         {
           xAxis: 'Thu',
           name: 'Same label',
           label: {
             position: 'insideTopLeft',
             color: 'black'
           }
         }
       ]
     ]
   }
   ```
   
   Thanks for your work ! 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.

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