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

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属性是字符串格局

  • 发表于 2018-05-01 00:00
  • 阅读 ( 1484 )
  • 分类:其他类型

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具