[GitHub] [incubator-echarts] luguokong commented on issue #9084: Chart collapsed when set height of chart around 120px.

[GitHub]

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

[ Full content available at: 
https://github.com/apache/incubator-echarts/issues/9084 ]
This message was relayed via gitbox.apache.org for devnull@infra.apache.org