跳到主要内容

三维散点图

组件名称三维散点图
工具集设计分析优化
组件作者雪浪云-古风
文档版本1.0
功能支持选1/2/3维数据(设计表)不同显示方式,1维数据显示为分布直方图,2/3维数据显示维散点图,以feasible列的值(True False)绝对点的颜色(蓝色,红色)
镜像名称suanpan_mdo:latest
开发语言Python

组件原理

支持选1/2/3维数据(设计表)不同显示方式,1维数据显示为分布直方图,2/3维数据显示维散点图,以feasible列的值(True False)绝对点的颜色(蓝色,红色)

输入桩

输入端子1

  • 端口名称:优化问题定义
  • 输入类型:对象
  • 功能描述:接收“优化问题定义”中的输入输出参数。此输入可以不接,不接的话,输入端子1没有数据,前端不知道哪些参数属于输入/输出参数,即不显示“输入输出参数分割线”
  • 示例:只包含"inputs"和"outputs"即可
{
"inputs": [{"param": "m", "min": 200, "max": 300, "default": 250},
{"param": "k", "min": 30, "max": 50, "default": 40},
{"param": "b", "min": 50, "max": 70, "default": 60}],
"outputs": ["cost"]
}

输入端子2:

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

输入端子3:

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

输出桩

输出端子1:

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

数据接收方式

异步模式

参数配置

隐藏列

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

运行调优

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

使用方法

未部署状态下的操作

后面板连接

  • 输入端子1连接输入框在前面板输入优化问题定义,
  • 输入端子2连接上传文件接收上传的设计表csv文件在云端的存在路径,上传文件组件上传的设计表文件如上,输入端子2示例。
  • 输入端子3连接设计表的输出实现设计表到三维散点图的设计点联动,
  • 输出端子1连接设计表输入端子2实现三维散点图到设计表的设计点联动。
  • 滚动日志组件读取每次联动的设计点并在日志界面中展示。

image.png


右面版配置

  • 三维散点图输入端子1接收到的优化问题定义起到在设计表中筛选变量的作用,因此隐藏列保持默认设置空,不需要再进一步筛选过滤设计表中的变量。

部署状态下的操作

前面板操作

切换到前面板预览页面,
在输入框中输入优化问题定义如下:

{
"inputs": [{"param": "m", "min": 200, "max": 300, "default": 200},{"param": "k", "min": 30, "max": 50, "default": 30},{"param": "b", "min": 50, "max": 70, "default": 70}],
"outputs": ["cost"],
"objectives": [{"objective": "cost", "option": "MinimizeValue"}],
"constraints": [{"function": "111000-cost"}]
}

点击按钮触发上传文件组件将设计表csv文件发送给三维散点图组件和设计表组件。
前面版操作如下,需要注意三维散点图,设计表和滚动日志的弹窗界面都激活了“页面嵌入前面板”,并在前面板中按照如下部件组件的展示页面。


image.png


弹窗操作

三维散点图组件接收到设计表输入数据后打开弹窗页面,界面如下:


image.png


点击X轴下拉选项中只出现了在优化问题定义中的参数和变量:

image.png


X轴下拉选择m,更新参数m的分布直方图,红色代表不可行设计点,蓝色代表可行设计点

image.png


Y 轴下拉选择k,更新为二维散点图如下:

image.png


Z轴选择cost,更新为3维散点图如下:

image.png