716 Star 6.4K Fork 2.6K

GVPanji-plus / AJ-Report

 / 详情

大屏工具栏(图表)相关问题集中

Backlog
member
Opened this issue  
2021-08-26 19:49

已知问题

  • 大屏宽高动态适配问题

新图表

  • 省市地图已在规划中

新问题

  • 如果你发现了已知图表的一些问题,请附上截图并说明问题所在
  • 如果你觉得还需要一些基础图表才能满足你的需求,也请一并附上相关图表截图
  • 如果你在使用图表过程中,觉得一部分功能/样式需要调整,请附上截图并说明

Comments (41)

Foming created任务
Foming set assignee to Foming
Foming set top level to Medium
Foming set priority to P3
Foming set related repository to anji-plus/AJ-Report
Foming assigned collaborator qianlishi
Expand operation logs

表格动态数据预览时无法滚动播放

动态数据预览问题已解决,在获取到动态数据赋值给list之后,强制刷新组件调用this.hackResetFun();

好的,我们去试一下

这样处理会有bug,如果刷新时间过短,会导致表格数据没有滚动完毕就被刷新了,目前没找到解决办法

你好,设置大屏的尺寸后,预览查看的比例有问题

大屏目前只给1080p做了适配,其余尺寸的渲染等问题需要等待后续版本适配,修改大屏尺寸后部分浏览器可以自动适配,部分不行

我稍微修改了一些,实现了这个功能。不过,那个标尺就没去弄成对应的。
我希望能分享这部分代码,方便你们完善。虽然我自己也写的很烂

Foming changed description

建议增加大屏设计器可以生成页面静态代码的功能,这样可以实现项目的灵活部署甚至二次开发,分享链接功能不能满足内网环境下的项目部署

Foming changed description

请问可以导出HTML吗?

大屏编辑时,修改大屏高度及宽度,页面的宽高没有变化

大屏宽高动态变化的问题,我fork的dev分支进行了简单处理,可是好像创建不了pull request.

  1. 大屏预览页面,报表宽度自适应
    输入图片说明
  2. 大屏设计页面,报表宽度自适应
    输入图片说明
  3. 大屏设计页面,切换widget时,图片地址切换异常问题
    输入图片说明

大屏宽高不单单是这个优化适配,我们开发最近比较忙,需要过一段时间来处理这些问题,你可以先说说你的简单做法。

补充文件变更:

  1. 大屏预览页面宽度优化
    report-ui/src/views/report/bigscreen/view/index.vue
mounted() {
    this.getData();
    var lastClientWidth = document.body.clientWidth;
    window.onresize = ()=>{
      // 检测宽度发生变化,可以再添加throttle
      if(document.body.clientWidth-lastClientWidth!=0){
        lastClientWidth = document.body.clientWidth;
        let width = Number(this.bigScreenStyle.width.substring(0,this.bigScreenStyle.width.length-2));
        const ratioEquipment = document.body.clientWidth / width;
        this.bigScreenStyle.transform = `scale(${ratioEquipment}, ${ratioEquipment})`;
      }
    };
  }
  1. 大屏设计页面宽度优化
    report-ui/src/views/report/bigscreen/designer/index.vue
    输入图片说明
  2. 大屏设计页面,图片地址切换组件显示异常
    report-ui/src/views/report/bigscreen/designer/designerComponents/customUpload.vue
// ...
  watch:{
    value(val){
      this.uploadImgUrl = val;
    }
  },
 // ...

輸入圖片說明颜色变更经常不生效,或者变更成错误的颜色(有其他图表单独配色时,文本颜色无论填什么都会错误指向其他图表的最后一个配色)

详细描述复现的过程

请问大屏是否支持下拉筛选框组件和变量传递,有的大屏需要根据不同的用户筛选切换看不同范围的统计信息

有计划支持不

暂无计划

对于拖拽到容器里面的元素,能添加点击事件吗?

你好 大屏设计好后,怎么导出源代码再做二次开发

"数据集"功能, 设置"数据转换"功能, 选择js脚本并进行编辑时, 浏览器的的console控制台会定时弹出异常, 且有时无法看到js脚本编写窗口。
输入图片说明
输入图片说明

没加载出来

我不太清楚这个组件,暂时也没时间细究什么原因。
但是我发现一旦F12打开控制台,js脚本编辑窗口无法加载的概率就会很高。
无论是我本地的环境还是官网示例,都会出现这种情况,您有空的话可以确认一下。

组件“柱状对比图”(widgetBarCompareChart.vue),第575行代码:

const data = new Array(yAxisList.length).fill(0);

应修改为

const data = new Array(xAxisList.length).fill(0);

这里格式化后的数组长度,应该与“需要被横向对比的项目数(x轴)”相同,而不是图例数量(恒等于2);
多数情况下,这段代码不会出现问题。但如果只有一个对比项的情况下,会凭空多出一个对比项,如下:
输入图片说明

对应静态数据为:

[
  {
    "axis": "日均资产",
    "name": "分数高于700的客户",
    "data": "5217"
  },
  {
    "axis": "日均资产",
    "name": "分数低于450的客户",
    "data": "161.2"
  }
]

话说这图长得挺像一个表情的 :expressionless: 有鼻子有眼哈哈哈

后面确认一下

大屏上有很多文本组件,需要显示不同的内容,可以通过绑定同一个数据集(http)实现么?有考虑过这种情况么?

请问大屏现在支持组件与组件之间的联动吗?我想让一个组件隐藏,当鼠标移动到某个组件时,隐藏的组件展示出来

你好,我现在使用遇到一个问题,就是使用动态数据的时候,发现请求并没有按照我设置的时间间隔发起请求,这个问题之前没有,可能是我哪个地方改动了,我想问一下,每隔固定时间发起请求的代码位置在哪里?

你好 我现在所有的组件的动态数据都不能间隔固定时间进行发送请求了,这大概是哪里出问题了?

循环器上的this.ispreview 是false ,因此不会创建循环器,ispreview这个是在哪里赋值的?

这里的if判断是起什么作用的?
if (this.ispreview) {
this.getEchartData(val);
this.flagInter = setInterval(() => {
this.getEchartData(val);
}, refreshTime);
} else {
this.getEchartData(val);
}

如果一直是false的话,就不存在固定时间刷新了吧?

数据集中的查询SQL的查询条件能否支持动态参数传入

支持在设计界面手动修改参数,预览目前不支持

怎么配置对象存储

com.anjiplus.template.gaea.business.modules.file.controller
有一个上传和下载的方法,你把这一块重写掉即可

Sign in to comment

Status
Assignees
Milestones
Pull Requests
Successfully merging a pull request will close this issue.
Branches
Planed to start   -   Planed to end
-
Top level
Priority
参与者(19)
1744251 hjhweb 1578959000 5141324 fhtfy 1608736201 448750 hcl11 1578924223 8419443 tjhsj 1607391453
加载更多
Java
1
https://git.oschina.net/anji-plus/report.git
git@git.oschina.net:anji-plus/report.git
anji-plus
report
AJ-Report

Search

挂件 关闭按钮