登录后的概览页面需要美化

[typhoonzero]

整体概览界面，需要美化

1. 提示说明本页面展示的是整体集群的监控信息
2. 以图表方式展示

[LuPan2015]

我看了一下指标数据目前分成了3类:

1. 百分比( 30% )
2. 数字( 3 ) / 分数( 14 / 14)
3. 指标之间存在对比展示. ( 成功( 100 ) / 失败( 50 ) / 运行中( 30 ))

是否可以将3种类型的数据分成3种图标展示? 获得焦点后的描述信息可以根据具体的指标特性进行更换。 比如:

1. 百分比类型的数据:

• 默认展示( 直接展示百分比数据 )

• 鼠标移动获得焦点后的展示 ( 展示该指标的描述信息)

2. 数字/分数类型的数据:

• 默认展示

• 鼠标移动获得焦点后的展示 (展示该指标的描述信息)

3. 指标数据之间存在对比的数据(不是分数类型)

• 默认展示

• 鼠标移动获得焦点后的展示 (展示具体的占比信息)

[LuPan2015]

百分比考虑换成仪表盘的形式: 默认如下:

[typhoonzero]

赞。本身数据比较多，如果全都换成图形是否会感觉页面太臃肿？

[LuPan2015]

嗯。目前我感觉不能全部换成图形。如果有些换有些不换看起来会不会不太和谐呢？

[typhoonzero]

按昨天讨论的，使用ambari的方案比较合适。

[LuPan2015]

1. HDFS 概览API:

     url /v1/hdfs/overview/?spaceName=hadoop

   结果:

   { 
      code: 200,
      data: {
          hdfs_disk: {  
              used: 0,  //已使用的磁盘空间
              nonUsed: 0,  //未使用的磁盘空间
              unit: "GB"  //单位
          },
          hdfs_shares: 0, //文件分享个数
          hdfs_datanodes: {  // hdfs datanode 节点状态
              lives: 0,  // 存活的个数
              dead: 0 //  dead个数
          }
      }
   }  

2. 用户管理API:

     url /v1/user_auth/overview/?spaceName=hadoop

   结果:

   {
     code: 200,
     data: {
        userAuth_member: 0 //当前space用户人数
     }
   }

3. BDMS 任务相关api:

     url /v1/k8s/api/dashboard/taskinfo

   结果:

     {
         code: 200,
         data: {
             bdms_task: {
                 running: 0,  //运行中任务个数
                 waiting: 0,  //待运行任务个数
                 success: 0, //成功任务个数
                 failed: 0  //失败任务个数
             }
         }
     }

4. Openstack 概览相关 API:

     url  /v1/openstack/home/overview/

   结果:

     {
        code: 200,
        data: {
            openstack_image: 0,  //镜像个数
            openstack_disk: 0,  //磁盘个数
            openstack_vm: {  //虚拟机
                lives: 0,   //正常的个数
                dead: 0,  //dead的个数
            }
       }
     }

5. Codis 概览相关API:

     url  /v1/codis/codisoverview/

   结果:

    {
       code: 200,
       data: {
           codis_cluster: { // codis 集群
               lives: 0,  // 正常的个数
               dead: 0  //异常的个数
           },
           codis_memory: { //codis 内存使用率
               used: 100,    // 已使用内存量
               nonUsed: 50,  // 剩余内存量
               unit: "GB" //单位
           }
       } 
    }

6. k8s 概览相关API:

     url /v1/k8s/api/namespaces/${spaceName}/k8soverview

   结果:

     {
        code: 200,
        data: {
           k8sp_pod:  { 
              lives: 0, //正常个数
              dead: 0 //  异常个数
           },
           k8sp_rc:  {
              lives: 0, //正常个数
              dead: 0 //异常个数
           },
           k8sp_service: 0,
           k8sp_nodes:{
               lives: 0, //正常个数
               dead: 0 //异常个数
           }
        }
     }

[LuPan2015]

新版概览图:

鼠标选图:

[qqzxingchen]

• k8s 概览相关API:

  url /v1/k8s/api/namespaces/${spaceName}/k8soverview

• 返回:

  {
   code: 200,
   data: {
      k8sp_pod:  { 
         lives: 0, //正常个数
         dead: 0 //  异常个数
      },
      k8sp_rc:  {
         current: 0, //当前个数
         desired: 0 // 预期个数
      },
      k8sp_service: {
          count: 0, // 服务个数
      },
      k8sp_nodes:{
          lives: 0, //正常个数
          dead: 0 //异常个数
      }
   }
  }