使用自定义小组件
如果所需的小组件比内置的小组件多,可以:
- 从 Apache ECharts 网站下载小组件,使用 JS 文件添加它,然后自定义 JavaScript。
- 从 Apache ECharts 网站复制小组件的 JavaScript,然后将 JavaScript 粘贴到小组件编辑器中。
通常,小组件有两个相关联的 JS 文件:
- 以 _Custom.js结尾的文件用于小组件外观。
- 以 _Refresh.js结尾的文件用于数据连接。
添加自定义小组件
- 访问 Apache ECharts 网站,然后找到需要的图表或图形。
- 下载小组件的 JavaScript,然后将其保存为 JS 文件。或者,可以复制它的 JavaScript,然后将其粘贴到小组件编辑器中。重要提示:JS 文件名必须以 _Custom.js或 _Refresh.js结尾。
- 在 FactoryTalk View Studio 中,从工具箱中选择.NET 控件,然后将其添加到画面。
- 在Windows 窗体选项卡上,选择EChartsWidget,然后选择确定。
- 在DotNetControl 属性对话框中,选择EChartsWidget 设置。
- 在EChartsWidget 属性对话框中,选择AppearanceScript或ConnectionScript旁边的浏览按钮。
- 在EChartsWidget 编辑器中,选择添加小组件,然后选择两个 JS 文件。如果已复制一个小组件的 JavaScript,请将其粘贴到编辑器中,然后转到步骤 9。_Custom.js 在外观编辑器中加载,_Refresh.js 则在连接编辑器中加载。您应该在单独的编辑器中自定义和编辑脚本,以便这些脚本起作用。
- 从选择小组件列表中,选择自定义小组件。
- 根据需要配置 JavaScript 并与值连接绑定。
- 在预览属性中输入值,然后选择预览。
- 如果预览的小组件是所需的小组件,请选择确定。
- 返回DotNetControl 属性对话框,然后选择连接选项卡。
- 将值连接与标签绑定,然后选择确定。
提供反馈