Skip to content

图表组件

图表组件是一个基于 ECharts 的 Vue 图表组件,提供丰富的图表类型和配置选项

echarts.png

修改图表数据

js
function onChange($inject) {
    $inject.api.getRule('ref_F2vulxvqc841dac').props.config = config;
}

Props

属性名类型默认值必需说明
titleString-图表标题
valueNumber-仪表盘数值
minNumber-最小值
maxNumber-最大值
nameString-数据名称
valueFormatString-数值格式化
subtitleString-副标题
funnelSortString-漏斗图排序方式
configObject-图表配置
dataArray-图表数据
indicatorArray-雷达图指标
smoothBoolean-是否平滑曲线
stripeBoolean-是否横向条形图
showLegendBooleantrue是否显示图例
loadOptionsFunction() => {}自定义配置函数
showSeriesLabelBoolean-是否显示系列标签
typeString-图表类型
pieTypeString-饼图类型
stackBoolean-是否堆叠
barBackgroundColorString-柱状图背景色

Events

事件名参数说明
beforeLoadchart, options图表加载前事件
loadedchart, options图表加载完成事件
click...args图表点击事件

Methods

方法名参数说明返回值
load-加载图表-

Data

数据名初始值说明
chartnullECharts实例