luguokong commented on issue #9084: Chart collapsed when set height of chart 
around 120px.
URL: 
https://github.com/apache/incubator-echarts/issues/9084#issuecomment-421733329
 
 
   > > You can use `top`/`right`/`bottom`/`left` properties to layout each 
componet. But I don't suggest you displaying so many components in such a small 
area.
   > 
   > I can remove other components, only remain chart content, but it's the 
same issue:
   > 
   > ```js
   > option = {
   >         xAxis: {
   >           data: ["shirt","cardign","chiffon shirt","pants","heels","socks"]
   >         },
   >         yAxis: {},
   >         series: [{
   >           name: 'Sales',
   >           type: 'bar',
   >           data: [5, 20, 36, 10, 10, 20]
   >         }]
   >       }
   > ```
   > 
   > The result like below:
   > 
![screenshot_20180916_155546](https://user-images.githubusercontent.com/14355408/45594185-f65ed880-b985-11e8-9ca7-1ab4c1bf0115.png)
   > Once you change the height smaller, it should be much better:
   > `<div id="chart" style="width: 150px;height: 80px;">`
   > 
![screenshot_20180916_160107](https://user-images.githubusercontent.com/14355408/45594243-b3513500-b986-11e8-98db-b36d4da651ac.png)
   
   set the option.grid.top and option.grid.bottom at suitable value , the 
result will be normal

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on 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