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 2021/03/15 11:20:46 UTC

[GitHub] [echarts] TheLostDory opened a new issue #14482: Echart's height is not responsive. PLZ HELP ASAP

TheLostDory opened a new issue #14482:
URL: https://github.com/apache/echarts/issues/14482


   ### What problem does this feature solve?
   I need my charts height to be responsive:
   
   Hello, I need help the heights in the charts is not responsive, while the width is responsive. PLZ IS NEED HELP ASAP
   This is my chart options:
   this.options = {
   xAxis: {
   type: 'category',
   data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
   },
   yAxis: {
   type: 'value'
   },
   series: [{
   data: [150, 230, 224, 218, 135, 147, 260],
   type: 'line'
   }]
   };
   
   and this is my html code:
   <div >
     <div echarts [options]="options" class="demo-chart" ></div>
   </div>
   
   ### What does the proposed API look like?
   I really dont know how to fix it plz i need it to be fixed asap
   
   <!-- 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] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799381327


   where should i place chart.resize ?
   


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799380940


   Does `chart.resize()` work for you?


----------------------------------------------------------------
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] [echarts] plainheart edited a comment on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart edited a comment on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799363399


   Can I know what layout you are using in ECharts' container? flex or grid?


----------------------------------------------------------------
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] [echarts] echarts-bot[bot] commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

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


   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 question.
   
   If you are interested in the project, you may also subscribe our [mailing 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

[GitHub] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799371344


   @plainheart 
   this is the unexpected result:
   ![image](https://user-images.githubusercontent.com/39488395/111151617-602cbd00-8598-11eb-8aa4-6fb7a3bfa277.png)
   
   this is the expected result:
   ![image](https://user-images.githubusercontent.com/39488395/111151771-966a3c80-8598-11eb-8fa1-aaa46a92dcc6.png)
   
   
   I need it to be responsive
   


----------------------------------------------------------------
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] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799378169


   @plainheart I tried it it did not work :(
   horizontally it is responsive but vertically it is not it is taking the default height


----------------------------------------------------------------
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] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799362482


   I can not because I am using angular so I am using typescript not javascript


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799368033


   Is it possible to provide some screenshots to let us know the unexpected result and expected result?


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799382856


   This is up to your code.
   
   There is a hint we can read from the [document](https://echarts.apache.org/en/api.html#echarts),
   
   ![image](https://user-images.githubusercontent.com/26999792/111154016-a51f1680-85cd-11eb-8a1a-42411e08830c.png)
   
   Please check if you are in this case.
   


----------------------------------------------------------------
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] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799376231


   @plainheart Should i change them in the scss file or where? 
   


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799376555


   No. They are options of ECharts.


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799379151


   I'm afraid I have to try your demo to provide further help for you.


----------------------------------------------------------------
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] [echarts] echarts-bot[bot] commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

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


   @TheLostDory Please provide a demo for the issue either with https://codepen.io/Ovilia/pen/dyYWXWM , https://www.makeapie.com/editor.html or https://codesandbox.io/s/mystifying-bash-2uthz.


----------------------------------------------------------------
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] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799374806


   @plainheart what values should I give for grid.left, grid.right, grid.top, grid.bottom? and should I set the display grid ? display: grid?


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799375717


   > what values should I give for grid.left, grid.right, grid.top, grid.bottom?
   
   Try to set them as `0`.
   
   > should I set the display grid ? display: grid?
   
   No.
   


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799377735


   Just like this,
   
   ```js
   this.options = {
       grid: {
           top: 0,
           bottom: 0,
           left: 0,
           right: 0,
           containLabel: true
       },
       xAxis: {
           type: 'category',
           data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
       },
       yAxis: {
           type: 'value'
       },
       series: [{
           data: [150, 230, 224, 218, 135, 147, 260],
           type: 'line'
       }]
   };
   ```


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799363399


   Can I know what layout are you using in ECharts' container? flex or grid?


----------------------------------------------------------------
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] [echarts] plainheart commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799373705


   I guess the [`grid`](https://echarts.apache.org/en/option.html#grid.top) option may work for you. Just to set `grid.left`, `grid.right`, `grid.top` and `grid.bottom`.


----------------------------------------------------------------
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] [echarts] TheLostDory commented on issue #14482: Echart's height is not responsive. PLZ HELP ASAP

Posted by GitBox <gi...@apache.org>.
TheLostDory commented on issue #14482:
URL: https://github.com/apache/echarts/issues/14482#issuecomment-799365576


   @plainheart I am not using any layout I uploaded my code.
   I guess it is using the default one. If I specify display flex the chart does not load.


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