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

[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 //异常个数
        }
     }
  }