数据可视化大屏的图表组件布局、样式等的配置

本章节主要讲述大屏的图表布局配置文件,数据大屏的主要布局分为左中右: image-20200724150640261


配置文件为:

{
    // 默认每一个画像的标题描述,在这属性里设置每个图表组件的标题
    // 比如 这里的“swarm”是图表组件的名称
    "defaultTitleArr": {
        "swarm": {
            "title": "集群性能"
        },
        "nodeHealth": {
            "title": "主机健康"
        },
        "swarmNet": {
            "title": "网络吞吐",
            "subTitle": "集群内所有应用网络吞吐量"
        },
        "waf": {
            "title": "网络攻击防护"
        },
        "dockerResource": {
            "title": "资源占用"
        },
        "serviceRunDetail": {
            "otherDetailTitle": "服务运行监控",
            "dbTitle": "数据库监控"
        },
        "visitDetail": {
            "title": "访问趋势"
        },
        "CHregion": {
            "title": "国内区域访问"
        },
        "sepecialWebPv": {
            "title": "热度态势"
        },
        "webAvgRequestTime": {
            "title": "关键请求监控",
            "subTitle": "平均时间"
        },
        "serviceHeal": {
            "title": "健康监控"
        },
        "clientData": {
            "title": "用户画像"
        }
    },

    // 公共数据的缓存时间:120秒 ,0表示不缓存
    "commonDataCacheInterval": 120,

    // 服务的轮播间隔时间:5秒,必须大于0
    "carouselInterval": 5,

    //php为服务名,当前服务的大数据配置
    "php": {
        // 数据类型:值为1使用随机数据,值为2使用模拟数据,值为3使用真实数据
        "dataType": 1,

        // 主题设置
        "theme": "default", //可选主题:'default', 'theme-cyan', 'theme-red', 'theme-green', 'theme-purple'

        // 数据间隔时间:300(单位秒,统计300秒内的数据变化)
        "dataInterval": 300,

        // 数据缓存时间:120秒 ,0表示不缓存
        "dataCacheInterval": 120,

        // 当前服务的各个画像的标题描述,配置跟“defaultTitleArr”一样
        // 这里的配置会覆盖defaultTitleArr中的配置
        "titleArr": {},

        // 企业名称
        "company": "广州市万岁云计算有限公司",

        //服务名
        "systemName": "URLOS大数据平台",

        // 大屏可视化图表组件布局,32:9的默认设置
        // 比如左边第一行的设置为:
        // "leftRow1": ["swarm", "nodeHealth"]
        // "swarm", "nodeHealth"为组件名称,表示左边第一行中第一列和第二列使用的组件
        // 这里所展示的组件是官方默认所有组件,更多组件请查看:http://demo.urlos.com:9968/?m=admin&c=bigData&a=componentList
        "dataLayOutArr": {
            // 左边第一行的组件
            "leftRow1": ["swarm","nodeHealth"],
            // 左边第二行的组件
            "leftRow2": ["swarmNet","waf"],
            // 左边第三行的组件
            "leftRow3": ["dockerResource","serviceRunDetail"],
            // 中间的组件
            "middleArr": ["CHregion","visitDetail"],
            // 右边第一行的组件
            "rightRow1": ["sepecialWebPv"],
            // 右边第二行的组件
            "rightRow2": ["serviceHeal","webAvgRequestTime"],
            // 右边第三行的组件
            "rightRow3": ["clientData"]
        }
    }
}

ssh登录云主机,在安装URLOS并启用数据数据后,在/data/urlos/master-config/中创建bigData.jsonc文件,并填入以上配置。

Copyright © 广州市万岁云计算有限公司 2020 all right reserved,powered by Gitbook文档最近一次修订时间: 2020-07-28 10:04:05

results matching ""

    No results matching ""