堆积图
组件操作
视频中VS Code组件用到的代码 ```python import suanpan from suanpan.app import app from runtime import autoLoadSave import numpy as np import json@app @autoLoadSave def main(args):
# 获取输入端口数据方式:
# 输入端口1： args.inputData1;
# 输入端口2： args.inputData2...
# 注：请在节点输入桩具体类型中配置数据类型，或自行转换
# 发送至输出端口数据方式:
# 单输出： return result
# 多输出端口： {"out1": result1, "out2": result2...}
# 发送某个端口：{"out2": result}
# 注：请在节点输出桩具体类型中配置数据类型，否则下游节点可能会报错！
# 获取参数列表参数值方式: args.param1, args.param2...args.param20
# 注：默认载入的参数值为string, 如需转换请自行适配, 例如: int(args.param1)
# 在此处编辑用户自定义代码
N = 7
date = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
email = 100 * np.random.rand(N)
union = 200 * np.random.rand(N)
video = 300 * np.random.rand(N)
direct = 400 * np.random.rand(N)
search = 500 * np.random.rand(N)
data = [["Date", "Email", "Union Ads", "Video Ads", "Direct", "Search Engine"]]
for index in range(N):
data.append([date[index], email[index], union[index], video[index], direct[index], search[index]])
return json.dumps(data)
if name == "main": suanpan.run(app)
## 参数设置
### 基础设置
- 容器边距：图表距离容器左、上、右、下方的距离。为英文逗号分隔的数字、百分比。如上图中 20,40,40,40 即图表距离容器左侧20像素，上、右和下均40像素。若为 20,10%,40,40 则表示距离左侧20像素、右侧10%，下和右为40像素。
- 字体大小：图表中的字体大小，包括图例、坐标轴刻度、鼠标悬停信息等。
- 字体颜色：图表中的字体的颜色，包括图例、坐标轴刻度、鼠标悬停信息等。
- 图表色系：图表中各个系列线条的颜色。对数图组件仅一个系列。
### 名称设置
- 图表名称：字符串，图表名称。如 示例图 中的 "对数一: y=x**10"。
- 名称位置：名称在容器中的位置。共2个键值对，一个键值对表示水平方向的位置，另一个键值对表示垂直方向的位置。
- 水平方向：键可以是 left 或 right，值可以是 left、center、right 或者 数字、百分比。
- 垂直方向：键可以是 top或 bottom，值可以是 top、center、bottom或者 数字、百分比。
- 名称颜色：名称的字体颜色。
### 图例设置
- 图例设置：“无、水平、垂直”三个选项。默认“水平”
- 无：不显示图例。选择“无”时，图例位置、图例映射的设置不生效。
- 水平：图例水平方向排列。
- 垂直：图例垂直方向排列。
- 图例位置：位置设置同“名称位置”。
- 图例映射：字符串。如下图所示
- 设置前：
- 设置后：
### 数据维度
上游输入的数据或静态数据是二维数组。至少有两列，一列为X轴数据，另一列为Y轴数据。数据维度是只数据所在列的索引。
- X轴数据维度：> 或 = 0 的数字。默认为 0，即第一列数据。
- Y轴数据维度：英文逗号分隔的多个 > 或 = 0 的数字。默认为 1,2,3,4,5，即第二、三、四、五、六列数据。
### X轴设置
- X轴名称：
- X轴类型：可以选择“类目轴”或“数据轴”，默认为类目轴。
- X轴刻度线：是否显示X轴的刻度线，默认显示。
- X轴轴线：是否显示X轴的轴线。默认显示。
- X轴分割线：是否显示X轴的分割线，默认不显示。
- X轴标签旋转：X轴刻度标签的旋转角度，默认不旋转。
### Y轴设置
- Y轴名称：
- Y轴单位：一般表示Y轴数据的单位，追加在Y轴标签后。如下面示例同中的°
- Y轴刻度线：是否显示Y轴的刻度线。默认显示。
- Y轴轴线：是否显示Y轴的轴线。默认显示。
- Y轴分割线：是否显示Y轴的分割线。默认显示。
### 坐标轴样式
- 坐标轴颜色：设置坐标轴的颜色。
- 坐标轴线宽：设置坐标轴的线宽。
- 分割线类型：选项“实线、虚线、点线”，默认“虚线”。设置分割线的类型。
### 线条样式
- 平滑：控制连线是否平滑。
- 线宽：一个数值，单位是像素。控制线条的宽度。
- 区域填充：选项“无填充、渐变填充、纯色填充”，默认“无填充”。渐变和纯色填充示例如下
- 渐变填充：填充颜色从上至下由不透明到透明渐变；透明度由“区域透明度”的设置决定。
- 纯色填充：纯色填充。由“区域透明度”控制区域整体透明度。
- 区域透明度：0~100的数字，0 为完全透明，100 为不透明。对 渐变填充 和 纯色填充 生效。
- 节点：节点的类型选项，其中“无”表示不设置节点。默认“无”。
- 节点大小：节点的大小，若节点设置为“无”，则节点大小的设置无效。
### 其他设置
- 示例数据：点击“查看”后下载默认数据的csv文件。