EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
学习指南
更新说明
安装与集成
初见EOS
低代码开发手册
专业代码开发手册
专题场景实战
公共服务框架
应用运行治理
升级手册
常见问题
  • 自定义模式
  • 也可以通过在高级里面添加一个试图查询后事件,完全自定义图表

# 自定义模式

图表最后一个模式为自定义模式

自定义模式下,可以在代码编辑区内直接编写echarts的option,结构为object

编辑停止2秒后会自动更新,修改视图

自定义模式下修改没有任何限制,普通模式下代码区的data不允许修改

add

普通模式下的选项会同步到自定义区域

add

普通模式下,编辑区的内容也会影响视图,但是只能编辑非数据项的内容

add

如果修改了可配置项,配置区也会有相应的变化

add

# 也可以通过在高级里面添加一个试图查询后事件,完全自定义图表

console.log('sss:', this, this.data, this.$refs['echarts'].option.chartView)
const test = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [150, 230, 224, 218, 135, 147, 260],
    type: 'line'
  }]
}
this.$refs['echarts'].option.chartView = test

注意:chartView赋的值,可以参考echart官网的实例的option

← 仪表盘 创建 →