1.1K Star 10.7K Fork 4.4K

GVPanji-plus / AJ-Report

 / 详情

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

待办的
成员
创建于  
2021-08-26 19:49

已知问题

  • 大屏宽高动态适配问题

新图表

  • 省市地图已在规划中

新问题

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

评论 (91)

Foming 创建了任务
Foming 负责人设置为Foming
Foming 置顶等级设置为
Foming 优先级设置为主要
Foming 关联仓库设置为anji-plus/AJ-Report
Foming 添加协作者qianlishi
展开全部操作日志

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

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

好的,我们去试一下

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

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

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

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

Foming 修改了描述

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

Foming 修改了描述

请问可以导出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
有一个上传和下载的方法,你把这一块重写掉即可

您好,请问多柱线图是只能支持两种柱状吗?为什么我看到官网文档有多个柱状呢?(还是在配置处有可以绑定字段的地方呢?)
官网:
输入图片说明
我的数据配置:
输入图片说明

你是不是有字段没有选择“柱子”

大屏折线图 大屏的图表是不是无法设置两个tab页来自动切换展示?

柱线图图例 柱线图的图例默认是有两个的,手动设置标题只能设置一个

文档有说

图表的文字内容展示 表格里的文字一行展示不下如何换行,或者滚动展示,文字如何调整上下居中,目前只看到左右居中

没自动换行

所以字数超过的部分是无法展示的对吧

在不改动源码的前提下,字数超长要么将表格宽度拉大,要么将表格配置项里面的字段宽度放大

图例颜色 这个图例的最后两个颜色没有按照我设置的颜色展示

问题已确认

预览 设计 预览和实际设计颜色不符,且多柱线图的折线超过两条后颜色都无法设置

图例排列顺序 图例排列顺序会自动变成数据集的顺序而不是 柱状-折线这样排列

并不会柱-折排列

多柱线图
数据集的刷新并不会刷新标题,会导致标题个数和柱线不匹配,需要重新删除这个多柱线图重新添加才可以刷新

此问题等新版本发布,另外,标题是标题,图例是图例,你说的是图例

你好 大屏工具用的是什么组件?

首页有写

@Foming 我实现了自定义echars配置功能,是否可以提交代码?

每个图表的配置项就是图表options的值,配置项做不到把图表所有可能性配置都提供,你的思路将配置项开放出来我觉得是没问题的,但是要去使用自定义配置那就必须懂代码,不然就是一堆错误,因此这个功能更偏向于开发者来使用,开发者可以跳过修改前端代码发布代码步骤,而通过页面自定义去修改options,我认为这是一个很酷的idea,但就目前来看更偏向开发者,你可以提PR,但目前来说应该不会合并,我们更偏向于将图表常用的配置项可视化,毕竟使用者可能完全不懂代码

我觉得你可以在此基础上封装出一个万能组件,万能组件面向开发者,直接修改options值,但需要想想动态数据解析怎么处理。

能分享一下源码吗,学习一下

可不可以分享一下源码,借鉴一下

你好,可否增加一个组件,可以根据按钮展示不同数据

后面会做

@Foming 我在拖拽了组件之后,在显示区没有图标的显示,是需要后端的支持才能显示吗?
输入图片说明

图表渲染前端就行,动态数据后端提供

图表渲染的数据都有,可是图表就是没有显示
输入图片说明

换谷歌浏览器试试

就是谷歌浏览器,找到问题所在了,main.js的全局引用vue-echarts没有起作用,单独引入了下,就可以展示了。
不知道为什么这样全局引入的没有起作用,你能给解答下吗?
输入图片说明

请问一下,进度条刻度尺,静态数据显示正常,动态数据预览的时候无法显示,设计器界面关闭后,再次打开,进度条也无法显示,需要在次点击该组件图层才能显示输入图片说明

dev分支有bug是正常的

导入功能,没有将图片也导入到本地中

文档有说明,前提是你配置得对

@Foming 请问,导出功能导出的是什么呢?

你试试就知道了

导出的压缩包,包括图片跟json文件,在本地修改之后,再导入,是不是就完成了二次开发?(体验demo是不支持导入功能的)

大屏下拉框联动不能像其他图形那样控制文本框显示数据,选择参数后,不会显示数据集参数后的结果,应该怎么处理?
是否能从url或者其他方式传入参数?
输入图片说明
输入图片说明
输入图片说明
选择都不会变化

url传参已在anji-sili有支持,可自行去查看

大屏组件 折线堆叠图 在使用动态数据时, 值没有正确显示, 我是按照静态数据那的demo样式给的key value;
输入图片说明
传入的数据;
输入图片说明
这里的name 不知道应该关联哪个值呢?

输入图片说明
这是我将http获取的值copy到静态后, 就得到正确的图

输入图片说明

看文档啊,一个X,一个Y,另一个数值,

输入图片说明

我设置后, x轴似乎显示不了, 但其实是 是有值的

删了重新配置

dataV部分组件,添加到编辑区后,拖拽更改尺寸,组件无法响应,需要保存后刷新才能更新,我自己添加的水位图有这种情况,系统边框(比如样式3)也存在这种情况,
输入图片说明

V1.2.1版本画布没了,组件都拖不进来,还报错,什么问题啊?报错图片

数据大屏 表格 上面一行宽度不够,内容会挤到下面一行,有请问解决办法么?
输入图片说明

热力图显示数据的时候好像数据有偏移
输入图片说明

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(33)
1744251 hjhweb 1578959000 5141324 fhtfy 1608736201 448750 hcl11 1578924223 8419443 tjhsj 1681963004
加载更多
Java
1
https://gitee.com/anji-plus/report.git
git@gitee.com:anji-plus/report.git
anji-plus
report
AJ-Report

搜索帮助