[Q-42619]葡萄城仪表盘图表如何通过API或者仪表盘URL创建参考线

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

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

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

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

具体操作步骤，推送数据集除了推送原来的数据，在新加一个字段，now(),也就是不断地记录现在的时间。这个是为了后面能拿到最新的时间。
然后设计图表使用echarts图表，您根据您的参考线添加三个度量值，参考如下:

1. MaxX(TopN(1,'Demo_销售明细_仪表板','Demo_销售明细_仪表板'[订购日期],desc),'Demo_销售明细_仪表板'[订单单价])

复制代码

我这里是示例。TopN的第二个参数传您的日期时间，也就是记录的Now，这样就把最新推送的数据作为第一条拿到。然后maxX的第二个参数就是您要绑定的参考线数据。然后使用把这个参考线绑定到图表上，我这里绑定到第二个值

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

复制代码

整体难度也不大，就是正常的数据绑定，然后把数据给了，然后参考线使用绑定的第二个值拿到，就可以实现参考线来自于推送数据，然后实时更新参考线了

好的，谢谢啦

TQYYDS 发表于 2023-9-20 16:23
好的，谢谢啦

不客气，针对您的问题您先用上面版本回复的方式，我们也针对这一块提个需求，编号[Q-42619]那本帖就先结帖啦，有问题您另开新帖哦~