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

2022年7月6日 25点热度 0人点赞

Echarts是百度开发的前端可视化图表,更加直观、生动、可交换性的数据图表工具,提供多种图表展示方式,也是目前比较流行的前端图表工具,在使用图表时,经常会设置图表大小,下面小编教教大家如何设置图表大小

工具/原料

  • 电脑
  • echarts

方法/步骤

  1. 1

    首先,百度搜索引擎中输入【Echarts】,默认搜索结果第一个就是echarts官网地址,点击即可

  2. 2

    进入官网后,点击导航中的【文档--->教程】,有官网提供的入门DEMO实例和API,也提供了如何异步加载更新数据

  3. 3

    直接坐标系【绘制折线图,柱状图,散点图(气泡图)】这些图标使用grid进行设置图标大小

  4. 4

    Bar图表实例如下:4.0以后属性有改动

    grid:left是控制组件离容器左侧的距离,top是控制组件离容器上侧距离,right是右侧距离,bottom是底部距离

    width和height都是自适应,不需要设置

  5. 5

    pie圆形大小是根据radius进行设置图表大小,根据 bar图表是有区别的,pie没有grid属性设置

  6. 6

    pie图表通过修改radius属性后,就会变小,是通过百分进行控制

    注意:radius属性是字符串格式

    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论