找回密码
 立即注册

QQ登录

只需一步,快速开始

TQYYDS

注册会员

3

主题

7

帖子

18

积分

注册会员

积分
18
  • 77

    金币

  • 3

    主题

  • 7

    帖子

TQYYDS
注册会员   /  发表于:2023-9-18 10:15  /   查看:2041  /  回复:3
1金币
本帖最后由 Bella.Yuan 于 2023-9-22 15:08 编辑

您好,目前需要通过推送数据的方式呈现图表,此时采用推送数据集推送数据后通过URL呈现图表,但是需要同时加入上中下三条参考线(分别代表上限,中限和下限),此时如何通过URL形式或者API形式实现呢,或者说是否有其他办法。

最佳答案

查看完整内容

问题描述: 参考线可以来自于API或者其他URL 问题解决: 抱歉,因为目前的参考线只能来自于我们绑定至的计算结果,确实不能来自于其他类似于代码,这个我们提一个需求。 但是其实也不是不能实现,这个我们可以使用插件实现或者直接使用7.0的echart扩展实现。 echart的参考线可以动态设置,我们只需要将参考线的值来自于数据集即可。然后通过绑定数据,就是实现动态参考线,然后推送数据集再把数据推送的数据给仪表板,就 ...

3 个回复

倒序浏览
最佳答案
最佳答案
Felix.LiWyn认证
超级版主   /  发表于:2023-9-18 10:15:19
来自 2#

问题描述:
参考线可以来自于API或者其他URL

问题解决:
抱歉,因为目前的参考线只能来自于我们绑定至的计算结果,确实不能来自于其他类似于代码,这个我们提一个需求。

但是其实也不是不能实现,这个我们可以使用插件实现或者直接使用7.0的echart扩展实现。
echart的参考线可以动态设置,我们只需要将参考线的值来自于数据集即可。然后通过绑定数据,就是实现动态参考线,然后推送数据集再把数据推送的数据给仪表板,就可以实现最新的数据获取了

具体操作步骤,推送数据集除了推送原来的数据,在新加一个字段,now(),也就是不断地记录现在的时间。这个是为了后面能拿到最新的时间。
然后设计图表使用echarts图表,您根据您的参考线添加三个度量值,参考如下:
  1. MaxX(TopN(1,'Demo_销售明细_仪表板','Demo_销售明细_仪表板'[订购日期],desc),'Demo_销售明细_仪表板'[订单单价])
复制代码
我这里是示例。TopN的第二个参数传您的日期时间,也就是记录的Now,这样就把最新推送的数据作为第一条拿到。然后maxX的第二个参数就是您要绑定的参考线数据。然后使用把这个参考线绑定到图表上,我这里绑定到第二个值
image.png382458495.png
echart的集成代码如下:
  1. var markLine;
  2. for(let i = 0;i<option.series[1].data.length;i++){
  3.     if(option.series[1].data[i].value != null){
  4.                   markLine = option.series[1].data[i].value
  5.                               break;
  6.     }
  7. }
  8. let myOption = {
  9.   xAxis: {
  10.     type: "category",
  11.     data: option.xAxis.data.map(data => data.value)
  12.   },
  13.   yAxis: {},
  14.   series: [{
  15.     data: option.series[0].data.map(data => data.value),
  16.     type: "line",
  17.     markLine: {
  18.       data: [{
  19.         name: '参考线',
  20.         yAxis: markLine
  21.     }],
  22.       silent: true
  23.     }
  24.   }]
  25. }
  26. return myOption
复制代码
整体难度也不大,就是正常的数据绑定,然后把数据给了,然后参考线使用绑定的第二个值拿到,就可以实现参考线来自于推送数据,然后实时更新参考线了
image.png917459716.png
image.png582736510.png
回复 使用道具 举报
TQYYDS
注册会员   /  发表于:2023-9-20 16:23:06
3#
好的,谢谢啦
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2023-9-20 17:20:28
4#
本帖最后由 Bella.Yuan 于 2023-9-22 15:08 编辑

不客气,针对您的问题您先用上面版本回复的方式,我们也针对这一块提个需求,编号[Q-42619]那本帖就先结帖啦,有问题您另开新帖哦~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部