检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
染效果。 图11 查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图12 设置ECharts图表组件数据源 将左侧表格字段拖拽到右侧配置
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
星期的字体颜色：日期弹出框内，星期几的字体颜色。 时间背景色：日期弹出框内，时间的背景色。 时间的字体颜色：日期弹出框内，时间的字体颜色。 数据 在数据中，设置日期选择器组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置时间选择器组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
ProjectVariable），则只有页面全局变量会生效。 图2 查看项目变量 在数据或交互动作中，使用项目变量。 选中页面中的组件，单击组件上方的，在组件数据中使用项目变量。 图3 在组件数据中使用项目变量 选中页面中组件，单击组件上方的，在交互动作中使用项目变量。 图4 在交互动作中使用项目变量
标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。 系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值字体。“标签悬浮”设置为“开启”时，显示该配置项。
设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。 图4 设置Token认证信息 ：打开Token认证开关后，As
钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题： 组件介绍
设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。 图6 设置Token认证信息 ：打开Token认证开关后，As
多语言。例如，messages-zh.json为中文，messages-en.json为英文。 packageinfo.json：组件的元数据描述文件。 {widget}.css：组件的样式文件，在该文件中编写组件的CSS样式。 {widget}.editor.js：组件核心渲染
配置-自定义 configuration 组件级的配置项建议放到该分类中，如背景、标题等。 series 图形-自定义 series 图表的系列数据配置。 legend 图例-自定义 legend 图表的图例显示/隐藏、样式控制配置。 tooltip 提示-自定义 tooltip 图表的悬浮提示配置。
置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。然后select组件内统一从itemVal获取数据。select组件的内部处理API如上面代码。 inReader 判断当前页面状态是开发态或预览态，使用方式参考如下： if (!Studio
el的情况下可以通过输入数字控制label的宽度（单位为px）。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed in the current ranking page
在组件中使用库。 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
