[发明专利]一种高密度数据显示的方法

说明书

 

技术领域

本发明涉及一种计算机领域技术，具体地说是一种高密度数据显示的方法。

背景技术

在实际的软件开发过程中，经常会碰到如下场景：用户需要显示的数据量较大，每个页面要求包含数据超过千条甚至万条，而且显示的数据实体、数据类型可能是有差异的。针对这种情况业界处理的方法多为页面生成控件，控件内填充数据。这样便产生问题，页面响应时间较短时页面包含的数据量比较少，当数据包含量增加时页面响应时间较长。

发明内容　　

　　本发明的技术任务是提供一种基于像素绘图的方法，以高密度数据显示的方式解决数据量大时页面呈现难的问题的一种高密度数据显示的方法。

本发明的技术任务是按以下方式实现的，利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，产生对比数据信息，在一个浏览器页面内的绘制出海量数据效果，从而达到高密度数据显示效果；集群内包含机柜、节点，监控数据信息庞大而繁琐；集群监控视图的网络流量和CPU监控的监控项内容的高密度数据显示方法为：在普通浏览器页面监控整个集群运行状态，实现方式为每个节点为一个小数据块，每块占120*50像素；数据块显示的内容为当前节点在半个小时内CPU和网络流量的数据，数据由左向右依次表示时间的变化；在单个节点的120*50像素区域内能显示0～540条数据；CPU监控块中一个时刻用一个像素绘图表示，其中CPU包括内核利用率、用户利用率、等待IO利用率、空闲利用率；一条竖线用不同的颜色标示出对应的利用率；网络流量则用折线标示变化趋势。

利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，所用到的代码说明：

/*

 * 绘制线段算法：画线粗细=（小块长度/当前小块内数据条数）上取整

 * 绘制线段算法：画线起点横坐标=（线段与线段间隔*条数序号）下取整

 * 绘制线段算法：线段与线段间隔= 小块长度/当前小块内数据条数 （浮点型）

 * 绘制线段算法：当线段粗细大于一时：画线是以给定坐标为中心画线，而不是由左向右的宽度画线

 * 绘制线段算法：当线段粗细大于一时：起始点横坐标应该向右侧移动，具体变为线段的粗细值除以2 

 * 

 */

// 设置绘线的粗细

int graphicLineWidth = (int) Math.ceil((double) sigleBloadLength

         / (double) smallDataBlockLength);

float graphicLinetoLineWidth = (float) sigleBloadLength

   / smallDataBlockLength;

int xMove = (graphicLineWidth == 1) ? 0: graphicLineWidth / 2;

g2.setStroke(new BasicStroke(graphicLineWidth));

/*

 * 画线 单小块数据 先遍历同一参数（同一颜色）

 */

for (int p = 0; p < 4; p++) {

// 设定画笔的颜色

g2.setPaint((Color) colorList.get(p));

/*

 * 画第一组同颜色的线 第一组线的起点相对纵向坐标值为0

 */

if (p == 0) {

   for (int qq = 0; qq < smallDataBlockLength; qq++) {

      nodeRatioList = nodeTimeList

            .get(beforeDataSum + qq);

      int line_X = (int) (numIndex

            * sigleBloadLength + (int) Math

            .floor(qq

                 * graphicLinetoLineWidth))

            + dataX + xMove;