# 概念和原理

在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项。 $ui/charts 的出现正是为了解决这个痛点。 基于 ECharts 4 封装的 $ui/charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。

图表的制作步骤:

  1. 确定选用哪个图表组件
  2. 组织描述图表的数据格式,定好维度和指标。即组件的 data 参数
  3. 设置组件的私有参数,开启需要的功能,即组件的 settings 参数
  4. 设置组件的个性样式,即组件的 extend 参数