页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题描述

如下图,移动端的自助仪表盘,组件图例的分页按钮点不动。

解决方案(适配10.1)

只有点中图例分页的上一页(<)和下一页(>)的指示器才可以触发翻页,有以下两种解决方案扩大分页器的可点击范围:

1、组件自定义属性中添加扩展属性:设置分页器大小。

{
  legend: {
    pageIconSize: 15
  }
}

2、创建一个仪表盘宏资源包,给每个指定仪表盘资源的图形图例设置分页器大小。

/**
* 类型:ClientSide
* 对象:smartbix_portlet
* 事件:onBeforeRender
* 效果: 设置图形组件上图例分页器左右按钮的大小
*/
function main(page: IPage, portlet: IPortlet) {

// 只有echarts图形可以生效
let type = portlet.getType();
if (!/ECHARTS_/.test(type)) return;

if (!(portlet as IEChartsPortlet).getChartOptions) return;
let options = (portlet as IEChartsPortlet).getChartOptions();
if (!options || !options.legend) return;

// 设置图例大小为15
options.legend.pageIconSize = 15;
(portlet as IEChartsPortlet).setChartOptions(options);
}
  • 无标签