Echarts入门

ECharts使用五部曲

  • 步骤1:下载并引入echarts.js文件
  • 步骤2:准备一个具备大小得DOM容器
  • 步骤3:初始化echarts实例对象
  • 步骤4:指定配置项和数据(option)
  • 步骤5:将配置项设置给echarts实例对象

Echarts option属性

  • titie:图表标题
  • tooltip:图表鼠标放上去得提示信息
  • trigger:触发方式 axis与item等
  • legend:图例组件
  • toolbox:工具箱组件,把表格另存为图片
  • grid:控制图表大小 containLabel:true显示刻度
  • xAxis:设置x轴的相关配置。type:categories(类目)/value(数值)boundaryGap:线条是否与坐标轴有缝隙。
  • series:决定显示哪种类型的图表。stack:数据堆叠,同个类目轴上系列配置相同的stack值会在前一个系列值上叠加。
  • color:线条颜色,后面是数组。

series里有了name值得话,legend的data值就可以删除。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容