检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
图7 复制租户ID 进入解压后的目录,执行启动命令。
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。
图4 替换jar包 替换成功后,重新启动AstroCanvas服务。 cd /home/canvas_private/AstroCanvas_Runtime sh stop.sh sh start.sh 父主题: AstroCanvas私有化部署
{widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。
EchartsWidgetTemplate.css 组件的样式文件,在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。
四舍五入:数值包含小数时,是否采用 动态量词:是否开启动态量词量级,开启后,支持设置如下属性。 量词类型:可选择自动量级和自定义量级。 量词选择:选择动态量级的量词,支持“‰”、“%”、“万”、“百万”和“亿”。“量词类型”设置为“自动量级”时,才显示该配置。
例如,MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件,请在packageinfo.json中添加这两个文件的描述,如下所示。其中,“js”和“css”定义文件类型,“name”定义文件路径及名称。
分页 是否启动:表格是否分页显示,分页模式下轮播无效。 行高:设置分页的行高,单位px。 单页数量:设置每页显示数据条数,以“,”隔开。 文本位置:设置分页文本显示位置,支持靠左、靠右和居中显示。 背景色:设置分页背景颜色。 字体:设置分页的字体、大小和颜色等。
数据无需复杂的抽取、转换、加载,使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。 新建DLI数据源 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
CSS background属性:通过CSS样式语言,来定义背景颜色。“渐变类型”设置为“自定义输入”时,才需要设置此参数。 阴影设置 开启阴影:是否开启阴影。 阴影方向:设置阴影方向,支持内部阴影、外部阴影和自定义阴影。 阴影颜色:设置阴影的颜色。