ECharts 图表

提示

该组件是基于 vue-echarts (opens new window)

<sm-chart
  :colorGroup="['red', 'blue']"
  :options="echartOption"
  :dataset="dataset"
  :datasetOptions="datasetOptions"
  iconClass=""
></sm-chart>

Attributes

参数	说明	类型	可选值	默认值
dataset	数据来源	iPortalDataParameter | iServerDataParameter | GeoJSONParameter	-	-
datasetOptions	数据来源的配置。配置项	object	-	-
options	ECharts 实例的数据。参照echarts (opens new window)	object	-	-
autoresize	用来指定 ECharts 实例在组件根元素尺寸变化时是否需要自动进行重绘	boolean	-	true
theme	当前 ECharts 实例应用的主题。参照echarts (opens new window)	string | object	-	-
initOptions	初始化 ECharts 实例。参照echarts (opens new window)	object	-	-
group	实例的分组。会自动绑定到 ECharts 组件的同名属性上	string	-	-
manualUpdate	在性能敏感（数据量很大）的场景下，我们最好对于 options prop 绕过 Vue 的响应式系统。当将 manual-update prop 指定为 true 且不传入 options prop 时，数据将不会被监听。然后，你需要用 ref 获取组件实例以后手动调用 mergeOptions 方法来更新图表	boolean	-	false
autoPlay	是否自动播放。图表类型为 pie 时生效	boolean	-	false
associatedMap	是否与地图关联。点击图表项定位到地图，仅当有坐标的数据才能与地图联动。	boolean	-	false
highlightOptions	高亮 options	array	-	-
highlightColor	高亮颜色	string	-	'#01ffff'
colorGroup	图表颜色	string[ ]	-	[ '#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad' ]
iconClass	收缩按钮的 Font class 类名	string	-	'sm-components-icon-chart'

支持主题混入参数和卡片混入参数和 Control 混入参数和定时刷新混入参数

datasetOptions

参数	说明	类型	可选值	默认值
seriesType	图表类型	string	'line' | 'bar' | 'scatter' | 'pie' | 'radar' | 'gauge' | '2.5Bar' 2.5Bar 新增字段 |	-
isStastic	是否统计数据	boolean	-	false
isStack	是否堆叠图表。仅 ( line, bar, scatter )	boolean	-	false
xField	x 轴数据字段	string	-	-
yField	y 轴数据字段	string	-	-

series

提示

与 echarts series 配置相同 (opens new window), 新增配置如下：

参数	说明	类型	可选值	默认值
shape	图表形状	string	'square' | 'rectangle' | 'cylinder'	-