[ { "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": [ "名字", "名称", "图表名称", "图表标题", "标题文字" ] }, { "path": "props.option.title.textStyle.color", "label": "标题色", "description": "标题文字的颜色", "value_type": "color", "aliases": [ "标题颜色", "标题文字颜色" ] }, { "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 } ] }, { "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 }, { "path": "props.option.xAxis.axisLine.lineStyle.color", "label": "X轴线颜色", "description": "横轴轴线的颜色", "value_type": "color", "aliases": [ "横轴颜色", "坐标轴颜色" ], "panel": false }, { "path": "props.option.yAxis.axisLabel.color", "label": "Y轴文字色", "description": "纵轴刻度文字的颜色", "value_type": "color", "aliases": [ "纵轴文字颜色", "Y轴标签颜色" ], "panel": false }, { "path": "props.option.yAxis.splitLine.lineStyle.color", "label": "网格线颜色", "description": "绘图区内横向分隔线的颜色", "value_type": "color", "aliases": [ "分隔线颜色", "背景线颜色" ], "panel": false } ] }, { "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-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 }, { "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 }, { "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 } ] }, { "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 }, { "path": "props.option.series.0.detail.fontSize", "label": "数值字号", "description": "中心数值文字的大小", "value_type": "number", "minimum": 8, "maximum": 96, "unit": "px", "aliases": [ "数字大小" ], "panel": false } ] } ]