图表组件
图表组件是一个基于 ECharts 的 Vue 图表组件,提供丰富的图表类型和配置选项
修改图表数据
js
function onChange($inject) {
$inject.api.getRule('ref_F2vulxvqc841dac').props.config = config;
}
Props
属性名 | 类型 | 默认值 | 必需 | 说明 |
---|---|---|---|---|
title | String | - | 否 | 图表标题 |
value | Number | - | 否 | 仪表盘数值 |
min | Number | - | 否 | 最小值 |
max | Number | - | 否 | 最大值 |
name | String | - | 否 | 数据名称 |
valueFormat | String | - | 否 | 数值格式化 |
subtitle | String | - | 否 | 副标题 |
funnelSort | String | - | 否 | 漏斗图排序方式 |
config | Object | - | 否 | 图表配置 |
data | Array | - | 否 | 图表数据 |
indicator | Array | - | 否 | 雷达图指标 |
smooth | Boolean | - | 否 | 是否平滑曲线 |
stripe | Boolean | - | 否 | 是否横向条形图 |
showLegend | Boolean | true | 否 | 是否显示图例 |
loadOptions | Function | () => {} | 否 | 自定义配置函数 |
showSeriesLabel | Boolean | - | 否 | 是否显示系列标签 |
type | String | - | 否 | 图表类型 |
pieType | String | - | 否 | 饼图类型 |
stack | Boolean | - | 否 | 是否堆叠 |
barBackgroundColor | String | - | 否 | 柱状图背景色 |
Events
事件名 | 参数 | 说明 |
---|---|---|
beforeLoad | chart, options | 图表加载前事件 |
loaded | chart, options | 图表加载完成事件 |
click | ...args | 图表点击事件 |
Methods
方法名 | 参数 | 说明 | 返回值 |
---|---|---|---|
load | - | 加载图表 | - |
Data
数据名 | 初始值 | 说明 |
---|---|---|
chart | null | ECharts实例 |