1. 组件属性

使用文档

基本属性

属性	类型	必填	默认值	说明
height	number	是	-	图标高度
dataSource	IDataSource[]	是	-	图表的数据
chartType	ChartType	是	ChartType.LINE	图表类型
position	string	是	-	格式为 xfield(X轴字段key)*yfield(Y轴字段key)
group	string	否	-	分组
theme	Theme	否	-	图表主题设置
title	string	否	-	图表标题

属性	类型	必填	默认值	说明
type	AxisType	否	AxisType.CATEGORY	坐标轴类型
enable	boolean	否	true	是否显示轴线刻度刻度标签
name	string	否	-	坐标轴名称
nameColor	string	否	b0b0b0	坐标轴名称的颜色
nameFontSize	number	否	12	坐标轴名称文字的字体大小
nameGap	number	否	15	坐标轴名称与轴线的距离
lineColor	string	否	cecece	轴线颜色
tickLength	number	否	5	刻度线长度
tickFontSize	number	否	取 nameFontSize 的值	刻度字体大小
tickTextColor	string	否	取 nameColor 的值	刻度标签颜色
tickLineColor	string	否	cecece	刻度线颜色
tickTextFormatter	IAxisLabel['axisLabel']['formatter']	否	-	刻度标签的内容格式器，支持字符串模板和回调函数两种形式。 https://echarts.apache.org/zh/option.html#xAxis.axisLabel.formatter
gridLineEnable	boolean	否	-	是否显示 grid 分隔线
gridLineColor	string	否	ececec	grid 分隔线颜色

属性	类型	必填	默认值	说明
enable	boolean	否	false	是否显示图例
fontSize	number	否	-	图例文字大小
color	string	否	-	图例文字颜色
itemHeight	number	否	-	图例标记的图形高度
icon	LegendIcon \| string	否	-	图例项的icon https://echarts.apache.org/zh/option.html#legend.icon

属性	类型	必填	默认值	说明
trigger	Trigger	否	-	触发类型
axisPointerType	PointerType	否	-	指示器类型 https://echarts.apache.org/zh/option.html#tooltip.axisPointer.type
formatter	IFormat	否	-	提示框浮层内容格式器，支持字符串模板和回调函数两种形式。 https://echarts.apache.org/zh/option.html#tooltip.formatter

属性	类型	必填	默认值	说明
circle	boolean	否	false	是否显示为环形图
circleItem	PieSeriesOption['itemStyle']	否	-	饼图图形样式，完全等同于 echarts 饼图 itemStyle https://echarts.apache.org/zh/option.html#series-pie.itemStyle

type IDataSource = {
  [key: string]: string|number
}

参考https://echarts.apache.org/zh/option.html#tooltip.trigger

取值	说明
Trigger.ITEM	数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。
Trigger.AXIS	坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
Trigger.NONE	什么都不触发

参考 https://echarts.apache.org/zh/option.html#tooltip.axisPointer.type

取值	说明
PointerType.LINE	直线指示器
PointerType.SHADOW	阴影指示器
PointerType.CROSS	十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。
PointerType.NONE	无指示器