跳到主要内容

阶梯折线散点图

组件名称阶梯折线散点图
工具集设计分析优化
组件作者雪浪云-古风
文档版本1.0
功能根据设计表数据,绘制散点图,并按照指定方式连线。
镜像名称suanpan_mdo:latest
开发语言Python

组件原理

从读取的设计表中提取design_id 列作为X轴和在弹窗界面中选择Y轴对应的列名。绘制二维散点图,可实现不同方式的连线:历史最高,最低,顺序和不连线。
可与平行坐标图,设计表,三维散点图的设计点联动,即在其中一个展示界面选择一个设计点,其他展示界面对应的设计点也会有高亮提示。

输入桩

输入端子1:

  • 端口名称:设计表
  • 输入类型:所有类型
  • 功能描述:输入设计表CSV文件在云端的存储路径
  • 示例:CSV文件示例格式如下,第一列为索引列,不是必须要求。
designtable (2).csv

输入端子2:

  • 端口名称:设计点
  • 输入类型:数字
  • 功能描述:设计点索引,在 设计表中高亮提示联动设计点,一般连接其他联动组件的输出。
  • 示例:1

输出桩

输出端子1:

  • 端口名称:设计点
  • 输出类型:数字
  • 功能描述:设计点索引,输出设计点给其它联动组件,对应的设计点会有高亮提示,连接其他联动组件的输
  • 示例:1

数据接收方式

异步模式

参数配置

隐藏列

  • 功能描述:提前筛选掉设计表不希望用来绘制散点图的列名,可以用英文逗号分隔,被隐藏的列在弹窗界面纵轴选择的下拉选项中不会出现。
  • 必选参数:
  • 默认值::空,设计表所有列都会出现在纵轴选择的下拉选项中
  • 示例:id,TimeEnd

运行调优

建议不进行特别配置,按照平台的默认分配运行

使用方法

未部署状态下的操作

后面板连接

  • 输入端子1连接上传文件接收上传的设计表csv文件在云端的存在路径,上传文件组件上传的设计表文件如上,输入端子1示例。
  • 输入端子2连接设计表的输出实现阶设计表到梯折线散点图的设计点联动。
  • 输出端子1连接设计表的输入端子2实现阶梯折线散点图到设计表设计点联动。
  • 滚动日志组件读取每次联动的设计点并在日志界面中展示。

image.png


右面版配置

保持默认配置

部署状态下的操作

前面板操作

切换到前面板预览页面,

  1. 点击按钮触发上传文件组件将设计表csv文件发送给设计表和阶梯折线散点图组件。
  2. 选择折线方式为历史新高。
  3. 纵轴选择为cost,即生成cost和设计点的二维散点图。
  4. 在阶梯折线散点图中选择其中一个设计点,设计表中对应的设计点联动提示。

image.png


弹窗操作

节点收到设计表数据后打开弹窗界面:
选择纵轴对应变量名,如下设计表所有列名可供选择。


image.png


设置折线方式,有如下4各选项供选择,选择历史新低的连线效果如下:

image.png


选择历史新高的连线效果如下:

image.png


选择连线则所有点顺序连线

image.png


选择无连线看到是一张二维散点图

image.png


鼠标悬浮显示对应设计点的design_id 和 纵轴变量值,并高亮,点击设计点,节点设输出对应的design_id 值。节点输入端子2接收到一个数字后对应的设计点(design_id)也会在界面中高亮提示。
输入端子2和输出端子用于实现和其他展示组件的设计点联动,即在其中一个展示界面选择一个设计点,其他展示界面对应的设计点也会有高亮提示。

image.png