基础折线图

type类型选择'basic'

单条数据

多条数据

多条数据时使用面积图，数据量不宜过多。第一个颜色采用主题色，其余颜色采用以下图例颜色顺序。建议不展示数据信息。

面积折线图

type类型选择'area'
data数据内对应配置smooth字段，开启平滑曲线效果。data数据内对应配置showLabel字段，开启显示标签效果

基础柱状图

单条数据

多条数据

如需修改y轴标签内容，可对应在option中传入yAxis相关配置。

使用指南

在项目的main.js文件中全局注入系统主色

app.provide('themeColor','rgba(77,100,255,1)')

在具体页面中调用你需要图表类型对应的hooks，配置对应的type、option和data数据

图表类型	hooks函数名	参数	data格式	返回结果
折线图	useLineEcharts	type：折线图类型，目前有'basic'、'area'参数可选 option：灵活配置项，用户想要进行灵活配置所传入的参数 data：具体的图表数据，需要符合一定的格式	[{name:'xxx',data:[a,b,c,d],smooth:true,showLabel:true}] name：seriesName系列名,必填 data：具体数据，必填 smooth：是否使用平滑曲线，可选 showLabel：是否展示标签，可选	lineOption:处理完成的echarts配置项参数 itemTemplate：series数据模版
柱状图	useBarEcharts	type：折线图类型，目前有'basic'参数可选 option：灵活配置项，用户想要进行灵活配置所传入的参数 data：具体的图表数据，需要符合一定的格式	[{name:'xxx',data:[a,b,c,d],showLabel:true}] name：seriesName系列名,必填 data：具体数据，必填 showLabel：是否展示标签，可选	barOption:处理完成的echarts配置项参数 itemTemplate：series数据模版

<script>
  import {useLineEcharts} from "@hooks/use-echarts";
  const realData = [];
  const extraOption = {};
  const {lineOption} = useLineEcharts('area',extraOption,realData);
</script>