> 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:
```javascript
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)


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

Reply via email to