您可以使用简单 XML 源代码构建应用。
元素
元素类型 | 详情 | 说明 |
---|---|---|
组件元素 | 布局元素 可视化元素 搜索元素 交互性元素 |
<row> 、<col> <html> 、<dashboard> 、<operation-bar> 、<action-bar> 、<grid-layout> 、<layout> <chart> <search> 、<event-search> 、<visualization-search> <input> |
配置元素 | 描述元素的配置、属性 | 如<color> 作为<chart> 的子元素描述图表的颜色属性,属性元素作为组件元素的子元素存在,用以修饰组件元素,属性元素详情参见组件元素详情页 |
属性
您可以在元素中指定属性来描述元素,如在图表元素中通过 type 属性指定图表类型。
<chart type="line">
……
</chart>
所有组件元素都支持 stype 属性设置元素的样式,支持 css 语法。
示例:
<row style="margin-top: 10px"></row>
样式
所有的视图元素支持 style 属性设置元素的样式。style 属性的取值为css
语法。
例如:
<row style="margin-top: 10px" />
数据
您可以通过定义 token 实现变量值的绑定。
token 是一种变量,可用于在简单的 XML 中传递值。
token 可以在支持 token 的标签(目前支持 input、operation-bar)上定义一个 token 变量,在需要使用该变量的地方使用 $token$
即可实现值绑定。如果 token 变量值是一个对象,支持 $token.attr$
的形式使用。
<input type="text" token="token">
<label>标签</label>
<initial-value>文本内容</initial-value>
</input>
<row>
<text>$token$</text>
</row>
转义
Pandora 2.0支持开发语法遵循标准XML语法。在标准的XML语法中,元素的内容不能直接包含<
,>
,&
,渲染器在解析过程中会发生错误,未来避免错误可以将内容定义为CDATA。
CDATA语法为:<![CDATA[内容]]
例如:
<search>
<query>
<![CDATA[
sourcetype="apache_access_log"
| rex field=url "^/[^\?]+?\.(?<type>[a-zA-Z]{2,4})$"
| rex field=url "/\S+?(?<email_prefix>(?:%40|@)[^.]+?)\.\w+"
| stats count() by type
]]>
</query>
</search>
文档反馈
(如有产品使用问题,请 提交工单)