echarts如何改变图形的大小

echarts如何改变图形的大小

echarts是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。下面我们来看一下如何把echarts的图形的大小

登录echarts官网点击实例

点击饼状图，选择第二个图形

在打开的页面里面，左边是网页代码，右边是图形效果。

现在修改一下左边代码 radius: ['50%', '60%'], 百分比 如何想修改小一点就调小一点百分比。调整两个百分比可以看到左边的饼状图形状变小了。

修改左边的legend。增加itemWidth 设置宽度，itemHeight设置高度，itemGap设置间距，可以根据需要设置图形的大小以及间距。

修改完成之后，运行可以看到图形的形状变化。