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值就可以删除。

你可能感兴趣的:(Echarts入门)