您的位置首页百科知识

echarts如何设置图表内容的高度

echarts如何设置图表内容的高度

的有关信息介绍如下:

echarts如何设置图表内容的高度

有时候我们在使用echarts绘制图表的时候,想设置图表的高度,怎么操作呢,下面来分享一下方法

第一步百度搜索echarts,点击进去,如下图所示:

第二步进去之后,可以先看一下“文档->教程”,可以快速掌握echarts绘制图表的方法,如下图所示:

第三步下面用官方的实例来说明饼图和柱状图的高度怎么设置,如下图所示:

第四步我们进去饼图的实例之后,可以看到左边是代码,右边是运行的结果,默认图表高度如下图所示:

第五步通过饼图radius属性来设置图标高度,将它改为8%,如下图所示:

第六步可以饼图的图表高度已经明显变小了,如下图所示:

第七步柱状图是通过grid属性来设置高度,宽度的,分别更left,right,bottom的百分比可以调整图标宽高,更改之后,如下图所示: