661 lines
18 KiB
JSON
661 lines
18 KiB
JSON
[
|
|
{
|
|
"key": "node-base",
|
|
"label": "基础",
|
|
"description": "所有组件共有的名称、位置和尺寸",
|
|
"fields": [
|
|
{
|
|
"path": "name",
|
|
"label": "组件名称",
|
|
"description": "组件在编辑器图层列表和属性面板标题栏中的名称，用于编辑时识别组件，不显示在大屏画面上；图表画面上显示的名字是标题",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"组件名",
|
|
"图层名",
|
|
"图层名称"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "layout.x",
|
|
"label": "X",
|
|
"description": "组件左上角距画布左边缘的水平距离",
|
|
"value_type": "number",
|
|
"unit": "px",
|
|
"aliases": [
|
|
"横坐标",
|
|
"水平位置",
|
|
"左边距离"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "layout.y",
|
|
"label": "Y",
|
|
"description": "组件左上角距画布上边缘的垂直距离",
|
|
"value_type": "number",
|
|
"unit": "px",
|
|
"aliases": [
|
|
"纵坐标",
|
|
"垂直位置",
|
|
"上边距离"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "layout.width",
|
|
"label": "宽度",
|
|
"description": "组件的宽度",
|
|
"value_type": "number",
|
|
"minimum": 1,
|
|
"unit": "px",
|
|
"aliases": [
|
|
"宽",
|
|
"横向尺寸"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "layout.height",
|
|
"label": "高度",
|
|
"description": "组件的高度",
|
|
"value_type": "number",
|
|
"minimum": 1,
|
|
"unit": "px",
|
|
"aliases": [
|
|
"高",
|
|
"纵向尺寸"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-title",
|
|
"label": "标题",
|
|
"description": "图表上方显示的标题文字及其颜色、字号、对齐",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.title.text",
|
|
"label": "标题",
|
|
"description": "显示在图表上方的标题文字，是用户在大屏上看到的图表名字",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"名字",
|
|
"名称",
|
|
"图表名称",
|
|
"图表标题",
|
|
"标题文字"
|
|
],
|
|
"example": "label",
|
|
"identifies": true
|
|
},
|
|
{
|
|
"path": "props.option.title.textStyle.color",
|
|
"label": "标题色",
|
|
"description": "标题文字的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"标题颜色",
|
|
"标题文字颜色"
|
|
],
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.title.left",
|
|
"label": "对齐",
|
|
"description": "标题在组件内的水平位置",
|
|
"value_type": "enum",
|
|
"options": [
|
|
{
|
|
"value": "left",
|
|
"label": "左对齐"
|
|
},
|
|
{
|
|
"value": "center",
|
|
"label": "居中"
|
|
},
|
|
{
|
|
"value": "right",
|
|
"label": "右对齐"
|
|
}
|
|
],
|
|
"aliases": [
|
|
"标题对齐",
|
|
"标题位置"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.title.textStyle.fontSize",
|
|
"label": "标题字号",
|
|
"description": "标题文字的大小",
|
|
"value_type": "number",
|
|
"minimum": 8,
|
|
"maximum": 72,
|
|
"unit": "px",
|
|
"aliases": [
|
|
"标题大小",
|
|
"标题字体大小"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.title.show",
|
|
"label": "显示标题",
|
|
"description": "是否显示标题，关闭后整个标题隐藏",
|
|
"value_type": "boolean",
|
|
"default": true,
|
|
"aliases": [
|
|
"隐藏标题",
|
|
"去掉标题"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-legend",
|
|
"label": "图例",
|
|
"description": "标题下方列出各系列名称和颜色的图例",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.legend.show",
|
|
"label": "图例显示",
|
|
"description": "是否显示图例；图例列出各系列的名称和颜色",
|
|
"value_type": "boolean",
|
|
"aliases": [
|
|
"图例",
|
|
"显示图例",
|
|
"隐藏图例"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.legend.textStyle.color",
|
|
"label": "图例文字色",
|
|
"description": "图例中系列名称文字的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"图例颜色",
|
|
"图例文字颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.legend.textStyle.fontSize",
|
|
"label": "图例字号",
|
|
"description": "图例中系列名称文字的大小",
|
|
"value_type": "number",
|
|
"minimum": 8,
|
|
"maximum": 48,
|
|
"unit": "px",
|
|
"default": 12,
|
|
"aliases": [
|
|
"图例大小",
|
|
"图例文字大小"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-grid",
|
|
"label": "边距",
|
|
"description": "绘图区（坐标轴所在区域）与组件四边的距离",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.grid.top",
|
|
"label": "上边距",
|
|
"description": "绘图区距组件上边缘的距离；默认为标题和图例留出位置，调小可能与它们重叠",
|
|
"value_type": "number",
|
|
"minimum": 0,
|
|
"unit": "px",
|
|
"span": 12
|
|
},
|
|
{
|
|
"path": "props.option.grid.right",
|
|
"label": "右边距",
|
|
"description": "绘图区距组件右边缘的距离",
|
|
"value_type": "number",
|
|
"minimum": 0,
|
|
"unit": "px",
|
|
"span": 12
|
|
},
|
|
{
|
|
"path": "props.option.grid.bottom",
|
|
"label": "下边距",
|
|
"description": "绘图区距组件下边缘的距离，横轴文字显示在这里",
|
|
"value_type": "number",
|
|
"minimum": 0,
|
|
"unit": "px",
|
|
"span": 12
|
|
},
|
|
{
|
|
"path": "props.option.grid.left",
|
|
"label": "左边距",
|
|
"description": "绘图区距组件左边缘的距离，纵轴文字显示在这里",
|
|
"value_type": "number",
|
|
"minimum": 0,
|
|
"unit": "px",
|
|
"span": 12
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-axis",
|
|
"label": "坐标轴",
|
|
"description": "直角坐标图表的横轴、纵轴和网格线颜色",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.xAxis.axisLabel.color",
|
|
"label": "X轴文字色",
|
|
"description": "横轴刻度文字的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"横轴文字颜色",
|
|
"X轴标签颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.xAxis.axisLabel.fontSize",
|
|
"label": "X轴字号",
|
|
"description": "横轴刻度文字的大小",
|
|
"value_type": "number",
|
|
"minimum": 8,
|
|
"maximum": 48,
|
|
"unit": "px",
|
|
"default": 12,
|
|
"aliases": [
|
|
"横轴文字大小",
|
|
"X轴标签大小"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.xAxis.axisLine.lineStyle.color",
|
|
"label": "X轴线颜色",
|
|
"description": "横轴轴线的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"横轴颜色",
|
|
"坐标轴颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.yAxis.axisLabel.color",
|
|
"label": "Y轴文字色",
|
|
"description": "纵轴刻度文字的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"纵轴文字颜色",
|
|
"Y轴标签颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.yAxis.axisLabel.fontSize",
|
|
"label": "Y轴字号",
|
|
"description": "纵轴刻度文字的大小",
|
|
"value_type": "number",
|
|
"minimum": 8,
|
|
"maximum": 48,
|
|
"unit": "px",
|
|
"default": 12,
|
|
"aliases": [
|
|
"纵轴文字大小",
|
|
"Y轴标签大小"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.yAxis.splitLine.lineStyle.color",
|
|
"label": "网格线颜色",
|
|
"description": "绘图区内横向分隔线的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"分隔线颜色",
|
|
"背景线颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-palette",
|
|
"label": "配色",
|
|
"description": "各系列或数据项按顺序依次取用的颜色列表",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.color",
|
|
"label": "调色盘",
|
|
"description": "颜色列表，第 1 个系列或数据项用第 1 个颜色，依次类推；整体换一套配色时修改它，只改某一项时用对应的单项颜色字段",
|
|
"value_type": "array",
|
|
"item_type": "color",
|
|
"aliases": [
|
|
"配色",
|
|
"配色方案",
|
|
"整体颜色"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-dataset",
|
|
"label": "图表数据",
|
|
"description": "图表画面上展示的数据，柱子高度、折线点、扇区大小等数值都来自这里",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.dataset.source",
|
|
"label": "数据",
|
|
"description": "图表展示的数据表，每个对象是一行（一个类目或数据项），键是列名，列名与数据映射字段对应；修改时提交完整的新数组：保留不需要修改的行和列，只改用户提到的数值或行；新增列或改列名时同时修改数据映射字段",
|
|
"value_type": "array",
|
|
"item_type": "object",
|
|
"aliases": [
|
|
"数据",
|
|
"图表数据",
|
|
"数据值",
|
|
"示例数据",
|
|
"数据集"
|
|
],
|
|
"panel": false,
|
|
"example": "data"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-encode-xy",
|
|
"label": "数据映射",
|
|
"description": "图表从数据集（dataset.source）中取哪一列作为横轴和纵轴",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.series.0.encode.x",
|
|
"label": "X字段",
|
|
"description": "横轴使用数据集中的哪一列，必须是 dataset.source 中存在的字段名",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"横轴字段"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.encode.y",
|
|
"label": "Y字段",
|
|
"description": "纵轴使用数据集中的哪一列，必须是 dataset.source 中存在的字段名",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"纵轴字段"
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-encode-item",
|
|
"label": "数据映射",
|
|
"description": "图表从数据集（dataset.source）中取哪一列作为数据项名称和数值",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.series.0.encode.itemName",
|
|
"label": "名称字段",
|
|
"description": "每个数据项（扇区、层级等）的名称使用数据集中的哪一列，必须是 dataset.source 中存在的字段名",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"类目字段",
|
|
"分类字段"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.encode.value",
|
|
"label": "数值字段",
|
|
"description": "每个数据项的数值使用数据集中的哪一列，必须是 dataset.source 中存在的字段名",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"值字段"
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-line-series",
|
|
"label": "线条",
|
|
"description": "折线的颜色、粗细、平滑度、数据点和数值标签",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.series.0.lineStyle.color",
|
|
"label": "线颜色",
|
|
"description": "折线的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"颜色",
|
|
"折线颜色",
|
|
"主色"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.name",
|
|
"label": "系列名称",
|
|
"description": "这条折线的名称，显示在图例和鼠标悬停提示中；不是图表标题",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"图例名称",
|
|
"系列名",
|
|
"数据名称"
|
|
],
|
|
"panel": false,
|
|
"example": "label"
|
|
},
|
|
{
|
|
"path": "props.option.series.0.smooth",
|
|
"label": "平滑曲线",
|
|
"description": "开启后折线为平滑曲线，关闭后为折角直线",
|
|
"value_type": "boolean",
|
|
"aliases": [
|
|
"曲线",
|
|
"平滑"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.series.0.lineStyle.width",
|
|
"label": "线宽",
|
|
"description": "折线的粗细",
|
|
"value_type": "number",
|
|
"minimum": 1,
|
|
"maximum": 12,
|
|
"unit": "px",
|
|
"aliases": [
|
|
"线条粗细",
|
|
"线粗细"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.series.0.itemStyle.color",
|
|
"label": "数据点颜色",
|
|
"description": "折线上每个数据点（拐点）的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"拐点颜色",
|
|
"圆点颜色"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.series.0.symbolSize",
|
|
"label": "数据点大小",
|
|
"description": "折线上数据点（拐点）的直径",
|
|
"value_type": "number",
|
|
"minimum": 0,
|
|
"maximum": 30,
|
|
"unit": "px",
|
|
"aliases": [
|
|
"拐点大小",
|
|
"圆点大小"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.series.0.label.show",
|
|
"label": "数值标签",
|
|
"description": "是否在每个数据点上方显示数值",
|
|
"value_type": "boolean",
|
|
"default": false,
|
|
"aliases": [
|
|
"显示数值",
|
|
"数据标签",
|
|
"标签"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-item-series",
|
|
"label": "数据项",
|
|
"description": "饼图、漏斗图等按数据项着色的图表的主色、系列名称和数据项标签",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.color.0",
|
|
"label": "主色",
|
|
"description": "调色盘的第一个颜色，用于第一个数据项（扇区或层级）；其余数据项依次取调色盘后面的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"颜色",
|
|
"第一个颜色"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.name",
|
|
"label": "系列名称",
|
|
"description": "这组数据的名称，显示在鼠标悬停提示中；不是图表标题",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"系列名",
|
|
"数据名称"
|
|
],
|
|
"panel": false,
|
|
"example": "label"
|
|
},
|
|
{
|
|
"path": "props.option.series.0.label.show",
|
|
"label": "数据项标签",
|
|
"description": "是否在每个数据项旁显示名称标签",
|
|
"value_type": "boolean",
|
|
"default": true,
|
|
"aliases": [
|
|
"标签",
|
|
"显示标签",
|
|
"扇区标签"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.series.0.label.color",
|
|
"label": "标签文字色",
|
|
"description": "数据项名称标签的文字颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"标签颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.series.0.label.fontSize",
|
|
"label": "标签字号",
|
|
"description": "数据项名称标签的文字大小",
|
|
"value_type": "number",
|
|
"minimum": 8,
|
|
"maximum": 48,
|
|
"unit": "px",
|
|
"default": 12,
|
|
"aliases": [
|
|
"标签大小"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"key": "chart-gauge-value",
|
|
"label": "数值",
|
|
"description": "仪表类图表的量程、进度颜色和中心数值显示",
|
|
"fields": [
|
|
{
|
|
"path": "props.option.series.0.progress.itemStyle.color",
|
|
"label": "进度色",
|
|
"description": "进度弧的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"颜色",
|
|
"主色",
|
|
"进度条颜色"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.min",
|
|
"label": "最小值",
|
|
"description": "量程起点，进度从这个值开始计算",
|
|
"value_type": "number",
|
|
"span": 12,
|
|
"aliases": [
|
|
"量程最小值",
|
|
"起始值"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.max",
|
|
"label": "最大值",
|
|
"description": "量程终点，数值达到它时进度为满",
|
|
"value_type": "number",
|
|
"span": 12,
|
|
"aliases": [
|
|
"量程最大值",
|
|
"目标值",
|
|
"满值"
|
|
]
|
|
},
|
|
{
|
|
"path": "props.option.series.0.detail.formatter",
|
|
"label": "数值格式",
|
|
"description": "中心数值的显示格式，{value} 代表当前值，例如 {value}%",
|
|
"value_type": "string",
|
|
"aliases": [
|
|
"数值单位",
|
|
"显示格式"
|
|
],
|
|
"panel": false
|
|
},
|
|
{
|
|
"path": "props.option.series.0.detail.color",
|
|
"label": "数值颜色",
|
|
"description": "中心数值文字的颜色",
|
|
"value_type": "color",
|
|
"aliases": [
|
|
"数字颜色"
|
|
],
|
|
"panel": false,
|
|
"themed": true
|
|
},
|
|
{
|
|
"path": "props.option.series.0.detail.fontSize",
|
|
"label": "数值字号",
|
|
"description": "中心数值文字的大小",
|
|
"value_type": "number",
|
|
"minimum": 8,
|
|
"maximum": 96,
|
|
"unit": "px",
|
|
"aliases": [
|
|
"数字大小"
|
|
],
|
|
"panel": false
|
|
}
|
|
]
|
|
}
|
|
]
|