仪表板插件
概述
仪表板插件在仪表板上显示有用的小部件:图表、当前数据和任意帧,例如闭路电视摄像机流。每个仪表板的设置允许指定列数和小部件长宽比。使用以下命令下载插件关联。 Dashboard Plugin 的外观如下图所示。
安装
仪表板插件根据以下内容安装指示。安装过程中不需要任何异常操作。
配置
添加仪表板
每个仪表板的配置存储在单独的 XML 文件中。仪表板示例,Dashboard1.xml,包含在插件安装包中。仪表板文件应位于views 目录中。
为了在Webstation的资源管理器树中显示仪表板节点,请在项目中进行以下设置:
- 在视图目录中创建并编辑仪表板文件。
- 指定仪表板路径视图配置数据库表。
需要显式指定视图类型,因为 Webstation 应用程序无法根据 xml 文件扩展名自动确定类型。
仪表板文件结构
仪表板由小部件组成。仪表板上小部件的布局由引导网格系统。小部件按行排列,每行最多可包含 12 个小部件。对于widget,您可以将宽度设置为1到12,这样该行中widget的总宽度等于12。如果不指定widget宽度,则会自动计算。断点指定网页宽度,决定了nes 如何放置小部件。如果页面比断点宽,则小部件会显示在一行中;否则,小部件会一个接一个地显示。
考虑仪表板配置文件的内容:
<?xml version="1.0" encoding="utf-8" ?>
<DashboardView>
<DashboardOptions>
<!-- Widget AspectRatio = Width / Height -->
<AspectRatio>1.33</AspectRatio>
<!-- Breakpoint: ExtraSmall | Small | Medium | Large | ExtraLarge | ExtraExtraLarge -->
<Breakpoint>Small</Breakpoint>
</DashboardOptions>
<Widgets>
<!-- The total width of the columns in a line is 12 -->
<Row>
<Widget type="Chart" columnWidth="5" cnlNums="101,102" />
<Widget type="Chart" columnWidth="4" cnlNums="101,103" mode="fixed" period="-2" title="Sample Chart" profile="PlgChartPro.xml" />
<Widget type="CurData" columnWidth="3" cnlNums="101-105" title="Sample Data" />
</Row>
<Row columnCount="2">
<Widget type="View" viewID="2" />
<Widget type="CustomUrl" url="https://www.youtube.com/embed/xAieE-QtOeM" />
</Row>
</Widgets>
</DashboardView>
这DashboardOptions部分包含常见的仪表板参数:
AspectRatio- 小部件宽度与其高度的比率,
Breakpoint确定切换小部件布局的网页宽度。
这Widgets部分包含显示在仪表板上的小部件列表。仪表板可以包含任意数量的小部件,但一行中最多不超过 12 个。请注意,一个仪表板上的小部件过多可能会降低 Web 应用程序的性能。
的属性为Row元素:
columnCount- 显示给定行小部件的列数。如果columnCount为行指定了属性,则columnWidth该行中的小部件不需要属性。
主要属性Widget元素:
type- 小部件类型,
columnWidth- 小部件宽度从 1 到 12,
cnlNums- 频道号码。
支持以下类型的小部件:
Chart- 指定通道的图表,
CurData- 包含指定通道当前数据的表,
View- 具有指定 ID 的视图,
CustomUrl- 自定义网页。
小部件的Chart类型支持属性与中描述的查询字符串参数相匹配图表专业版插件文档。当按视图过滤事件时,过滤器使用在cnlNums小部件的属性。