echart pie 位于页面左侧
时间: 2023-07-31 18:07:38 浏览: 150
Ehcart、百度地图、左侧菜单
如果您想要将 ECharts 饼图放在页面的左侧,您可以使用 HTML 和 CSS 来实现。以下是一个简单的示例代码:
HTML:
```
<div class="chart-container">
<div id="pie-chart"></div>
</div>
```
CSS:
```
.chart-container {
position: absolute;
top: 0;
left: 0;
width: 50%; /* 设置为页面宽度的一半 */
height: 100%;
}
#pie-chart {
width: 100%;
height: 100%;
}
```
JavaScript:
```
var myChart = echarts.init(document.getElementById('pie-chart'));
var option = {
// 饼图的配置
};
myChart.setOption(option);
```
这将创建一个占据页面左侧一半宽度的容器,然后将 ECharts 饼图放在容器中,使其位于页面的左侧。您可以根据需要使用 CSS 调整容器的样式。
阅读全文