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/09/14 17:05:14 UTC

[GitHub] [incubator-echarts] msbasanth opened a new issue #13279: Allow chart action controls for modifying data visualization in the rendered charts

msbasanth opened a new issue #13279:
URL: https://github.com/apache/incubator-echarts/issues/13279


   ### What problem does this feature solve?
   When we have data visualization which shows multiple parameters in single chart we need to modify visualization or data displayed through additional controls like drop down, toggles, date pickers etc.
   
   When I looked into ECharts I couldn't find options for adding additional controls for filtering· If we have additional controls we could allow faceted search and user-selectable data to visualize according to the user needs.
   
   ![image](https://user-images.githubusercontent.com/17777813/93106734-4b956800-f6ce-11ea-92f3-45ba29cca18e.png)
   
   **Chart Actions**
   It would be great if we get options to modify data visualizations using additional controls. Controls that allow for modification of chart data for exploration.
   
   It would be great if we could inject HTML into Chart UI for adding chart actions. 
   
   ### What does the proposed API look like?
   We should have a chart actions section which will allow users to modify the UI. It would be great if we have option to customize chart actions section by inputting the HTML because it will give option to add application styled controls.
   
   ![image](https://user-images.githubusercontent.com/17777813/93106797-62d45580-f6ce-11ea-8e3a-b148afd0001d.png)
   
   <!-- 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 #13279: Allow chart action controls for modifying data visualization in the rendered charts

Posted by GitBox <gi...@apache.org>.
100pah commented on issue #13279:
URL: https://github.com/apache/incubator-echarts/issues/13279#issuecomment-695203441


   ECharts is rendered by Canvas or SVG, not HTML.
   
   A good pattern of this job I think it probably be: 
   Get user parameters (like data select, bar click, ...) and assemble a new `echarts option` and call `chart.setOption(newOption)` to make the change work on the chart.
   


----------------------------------------------------------------
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] msbasanth commented on issue #13279: Allow chart action controls for modifying data visualization in the rendered charts

Posted by GitBox <gi...@apache.org>.
msbasanth commented on issue #13279:
URL: https://github.com/apache/incubator-echarts/issues/13279#issuecomment-695876523


   @100pah 
   
   Agree that ECharts is rendered using Canvas or SVG. 
   As you said we could move this data filtering controls outside chart rendering area and and modify the chart by responding to the events. But it clearly gives better usability when we have controls inside the chart.
   
   The options available:
   1. Using SVG itself for creating controls for modifying data.
   ![image](https://user-images.githubusercontent.com/17777813/93728762-fc27ce00-fbde-11ea-8299-d6c3c0c8b411.png)
   http://jsfiddle.net/qd9js9oj/
   Here they used SVG rect for creating a button.
   
   1. Using HTML Elements as overlay when need to take input from user.
   ![image](https://user-images.githubusercontent.com/17777813/93728965-01394d00-fbe0-11ea-8494-79532b846b9d.png)
   https://jsfiddle.net/BlackLabel/cf0h8tp5/
   Here used HTML Input on double click and allow user input through that. 
   With this user don't have to go out of chart for doing a filtering logic.
   
   It would be great if echarts allow data modifications controls similar way.
   
   
   
   
   
   


----------------------------------------------------------------
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] msbasanth commented on issue #13279: Allow chart action controls for modifying data visualization in the rendered charts

Posted by GitBox <gi...@apache.org>.
msbasanth commented on issue #13279:
URL: https://github.com/apache/incubator-echarts/issues/13279#issuecomment-695876523


   @100pah 
   
   Agree that ECharts is rendered using Canvas or SVG. 
   As you said we could move this data filtering controls outside chart rendering area and and modify the chart by responding to the events. But it clearly gives better usability when we have controls inside the chart.
   
   The options available:
   1. Using SVG itself for creating controls for modifying data.
   ![image](https://user-images.githubusercontent.com/17777813/93728762-fc27ce00-fbde-11ea-8299-d6c3c0c8b411.png)
   http://jsfiddle.net/qd9js9oj/
   Here they used SVG rect for creating a button.
   
   1. Using HTML Elements as overlay when need to take input from user.
   ![image](https://user-images.githubusercontent.com/17777813/93728965-01394d00-fbe0-11ea-8494-79532b846b9d.png)
   https://jsfiddle.net/BlackLabel/cf0h8tp5/
   Here used HTML Input on double click and allow user input through that. 
   With this user don't have to go out of chart for doing a filtering logic.
   
   It would be great if echarts allow data modifications controls similar way.
   
   
   
   
   
   


----------------------------------------------------------------
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 #13279: Allow chart action controls for modifying data visualization in the rendered charts

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #13279:
URL: https://github.com/apache/incubator-echarts/issues/13279#issuecomment-692188902


   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