Zigotote opened a new issue #11868: Overlay data from different periods in a 
line graph
URL: https://github.com/apache/incubator-echarts/issues/11868
 
 
   ### What problem does this feature solve?
   **My context :**
   Every day, some statistics are calculated about the use of our applications.
   
   **My needs :**
   - I would like to be able to show the statistics from a period (for exemple 
the current year) --> done with a line graph
   - I would like to be able to add an other time period to my graph, to be 
able to compare the data between two (or more) different time periods. It could 
allow my team to predict how our applications will be used, and on wich 
projects we should be more focus depending on the past years' statistics.
   
   **Why is it usefull ?**
   Being able to superimpose data can be usefull in many other cases, if the 
user wants to compare data over several time period.
   
   **How should the graph look like ?**
   I tried to do this on my own, while using a lot "formatter" methods but it 
is really hard and the rendering can be quite slow. On the top of this, 
catching every interactions between the user and the graph isn't always 
possible.
   
   But my idea is to put a different lineStyle for every period we want to add 
(the first one is solid, the second dashed and the third dotted). Then, every 
time periods should be added on the xAxis, one above the other, so that we can 
easily see where which day is displayed. Maybe it could be great to adapt the 
text style of each period to the corresponding lineStyle (by underlining it for 
example ?). Then, the tooltips should be corrected to, in order to know which 
value corresponds to which date. 
   
   This is a screenshot of what I am trying to explain :
   
![image](https://user-images.githubusercontent.com/34279302/71099382-77bda000-21b3-11ea-862c-8ec240639d10.png)
   
    
   ### What does the proposed API look like?
   The proposed API could look like that :
   ```json
   let options = {
       xAxis: {
           data: { list_1, list_2 }
       },
       series: [
           {
               type: 'line',
               name: 'whatever',
               data: list_whatever1,
               overlay: 0
           },
           {
               type: 'line',
               name: 'whatever',
               data: list_whatever2,
               overlay: 1
           }
       ]
   }
   ```
   With the "overlay" attribute saying to which xAxis data list the line is 
bounded to.
   
   <!-- 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:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to