本发明专利技术公开了一种高密度数据显示的方法，属于计算机领域技术，本发明专利技术利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，产生对比数据信息，在一个浏览器页面内的绘制出海量数据效果，从而达到高密度数据显示效果。本发明专利技术的一种高密度数据显示的方法和现有技术相比，满足普通页面海量数据展示的效果；同时能够根据不同实体变更数据显示方式，页面相应速度快。
【技术实现步骤摘要】
本专利技术涉及一种计算机领域技术，具体地说是。
技术介绍
在实际的软件开发过程中，经常会碰到如下场景用户需要显示的数据量较大，每个页面要求包含数据超过千条甚至万条，而且显示的数据实体、数据类型可能是有差异的。 针对这种情况业界处理的方法多为页面生成控件，控件内填充数据。这样便产生问题，页面响应时间较短时页面包含的数据量比较少，当数据包含量增加时页面响应时间较长。
技术实现思路
本专利技术的技术任务是提供一种基于像素绘图的方法，以高密度数据显示的方式解决数据量大时页面呈现难的问题的。本专利技术的技术任务是按以下方式实现的，利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，产生对比数据信息，在一个浏览器页面内的绘制出海量数据效果，从而达到高密度数据显示效果；集群内包含机柜、节点，监控数据信息庞大而繁琐；集群监控视图的网络流量和CPU监控的监控项内容的高密度数据显示方法为在普通浏览器页面监控整个集群运行状态，实现方式为每个节点为一个小数据块，每块占120*50 像素；数据块显示的内容为当前节点在半个小时内CPU和网络流量的数据，数据由左向右依次表示时间的变化；在单个节点的120*50像素区域内能显示0 540条数据；CPU监控块中一个时刻用一个像素绘图表示，其中CPU包括内核利用率、用户利用率、等待IO利用率、 空闲利用率；一条竖线用不同的颜色标示出对应的利用率；网络流量则用折线标示变化趋势。利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，所用到的代码说明*绘制线段算法画线粗细=(小块长度/当前小块内数据条数)上取整 *绘制线段算法画线起点横坐标=(线段与线段间隔*条数序号)下取整 *绘制线段算法线段与线段间隔=小块长度/当前小块内数据条数(浮点型) *绘制线段算法当线段粗细大于一时画线是以给定坐标为中心画线，而不是由左向右的宽度画线*绘制线段算法当线段粗细大于一时起始点横坐标应该向右侧移动，具体变为线段的粗细值除以2氺//设置绘线的粗细int graphicLineWidth = (int) Math, ceil ((double) sigleBloadLength / (double) smalIDataBlockLength)；float graphicLinetoLineWidth = (float) sigleBloadLength / smalIDataBlockLength；int xMove = (graphicLineWidth == 1) ？ 0: graphicLineWidth / 2；g2.setStroke (new BasicStroke (graphicLineWidth))；*画线单小块数据先遍历同一参数(同一颜色)for (int ρ=0; ρ < 4; ρ++) {Il设定画笔的颜色g2.setPaint ((Color) colorList. get(ρ))；Λ*画第一组同颜色的线第一组线的起点相对纵向坐标值为ο Vif (P == 0) {for (int qq = O； qq < smalIDataBlockLength； qq++) { nodeRatioList = nodeTimeList.get (beforeDataSum + qq)； int line—X = (int) (numlndex氺 sigleBloadLength + (int) Math .floor(qq氺 graphicLinetoLineWidth)) + dataX + xMove； g2. drawLine (line—X，dataY，line—X， nodeRatioList· get (p + 1) + dataY)；// System, out. print (X 坐标“+line—X)；}} else {for (int qq = O; qq < smalIDataBlockLength； qq++) { nodeRatioList = nodeTimeList.get (beforeDataSum + qq)； int line—X = (int) (numlndex氺 sigleBloadLength + (int) Math .floor(qq氺 graphicLinetoLineWidth)) + dataX + xMove； g2. drawLine(line—X，nodeRatioList.get (ρ)+ dataY, line_X, nodeRatioList. get(ρ + 1) + dataY)；}}利用绘图形式解决了页面生成大量数据控件时间过长的问题，同时能够通过最小绘图单位一-单像素来表示数据信息。普通页面显示数据信息时是通过控件形式加载，这样对客户端服务器的资源利用要求较高，而且展示海量信息基本是不能实现的。该专利技术根据显示数据的实体与属性，对比数据的图形绘制置于相对集中的区域。通过绘制出的图像变化可以清晰的看出显示数据信息的走势，从而达到海量数据高密度展示的目的。本专利技术的具有以下优点1、满足普通页面海量数据展示的效果；2、同时能够根据不同实体变更数据显示方式，页面相应速度快。具体实施例方式参照具体实施例对本专利技术的作以下详细地说明。实施例本专利技术的，利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，产生对比数据信息，在一个浏览器页面内的绘制出海量数据效果，从而达到高密度数据显示效果；集群内包含机柜、节点，监控数据信息庞大而繁琐；集群监控视图的网络流量和CPU监控的监控项内容的高密度数据显示方法为在普通浏览器页面监控整个集群运行状态，实现方式为每个节点为一个小数据块，每块占120*50像素； 数据块显示的内容为当前节点在半个小时内CPU和网络流量的数据，数据由左向右依次表示时间的变化；在单个节点的120*50像素区域内能显示0 540条数据；CPU监控块中一个时刻用一个像素绘图表示，其中CPU包括内核利用率、用户利用率、等待IO利用率、空闲利用率；一条竖线用不同的颜色标示出对应的利用率；网络流量则用折线标示变化趋势。利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，所用到的代码说明*绘制线段算法画线粗细=(小块长度/当前小块内数据条数)上取整 *绘制线段算法画线起点横坐标=(线段与线段间隔*条数序号)下取整 *绘制线段算法线段与线段间隔=小块长度/当前小块内数据条数(浮点型) *绘制线段算法当线段粗细大于一时画线是以给定坐标为中心画线，而不是由左向右的宽度画线*绘制线段算法当线段粗细大于一时起始点横坐标应该向右侧移动，具体变为线段的粗细值除以2氺//设置绘线的粗细int graphicLineWidth = (int) Math, ceil ((double) sigleBloadLength/ (double) smalIDataBlockLength)； float graphicLinetoLineWidth = (float) sigleBloadLength/ smalIDataBlockLength； int xMove = (graphicLineWidth本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种高密度数据显示的方法，其特征在于利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，产生对比数据信息，在一个浏览器页面内的绘制出海量数据效果，从而达到高密度数据显示效果；集群监控视图的网络流量和CPU监控的监控项内容的高密度数据显示方法为在普通浏览器页面监控整个集群运行状态，实现方式为每个节点为一个小数据块，每块占120*50像素；数据块显示的内容为当前节点在半个小时内 CPU和网络流量的数据，数据由左向右依次表示时间的变化；在单个节点的120*50像素区域内能显示0 540条数据；CPU监控块中一个时刻用一个像素绘图表示，其中CPU包括内核利用率、用户利用率、等待IO利用率、空闲利用率；一条竖线用不同的颜色标示出对应的利用率；网络流量则用折线标示变化趋势。2.根据权利要求1所述的一种高密度数据显示的方法，其特征在于利用单位像素宽度的画笔使用不同颜色绘制出代表不同数据的方法画图，所用到的代码说明*绘制线段算法画线粗细=(小块长度/当前小块内数据条数)上取整*绘制线段算法画线起点横坐标=(线段与线段间隔*条数序号)下取整*绘制线段算法线段与线段间隔=小块长度/当前小块内数据条数(浮点型)*绘制线段算法当线段粗细大于一时画线是以给定坐标为中心画线，而不是由左向右的宽度画线*绘制线段算法当线段粗细大于一时起始点横坐标应该向右侧移动，具体变为线段的粗细值除以2氺//设置绘线的粗细int graphicLineWidth = (int) Math, ceil ((double) sigleBloadLength/ (double) smalIDataBlockLength)； float graphicLinetoLineWidth = (float) sigleBloadLength/ smalIDataBlockLength； int xMove = (graphicLineWidth == 1) ？ 0: graphicLineWidth / 2； g...
【专利技术属性】
技术研发人员：赵文文，
申请(专利权)人：浪潮电子信息产业股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。