清单 2. 计算 X 坐标
private int[] getXCoordinates(ArrayList seriesData){
int xSpan = (int)GraFixConstants.xSpan;
int longestSeries = Utilities.getLongestSeries(seriesData);
int numSegments =
((double[])seriesData.get(longestSeries)).length;
int sectionWidth =
(int)xSpan / numSegments; //want to divide span of xAxis
int xPositions[] =
new int[numSegments]; // will contain X-coordinate of all dots.
for(int i=0; inumSegments; i++){
xPositions[i]=
(i+1)*sectionWidth;//dots spaced at distance of sectionWidth
}
return xPositions;
}
Y 坐标:Y 坐标是某一个点距离原点的纵向距离 。计算 Y 坐标要将某一个值按比例从一个范围缩放到另一个范围 。例如,给出相同的集合 {10,20,30,40} , 您可以看出,数据的范围是 0 到 40,新的范围就是 Y 坐标轴的跨度(高度) 。假设 Y 坐标轴的高度为 400,那么第一个元素(10)的高度将是100,第二个元素的高度将是 200,依此类推 。
通过以下例子,您可以更好地理解如何按比例将一个值从一个范围缩放到另一个范围:假定一个范围的跨度是从 0 到 2048,而您打算将该范围内的任意值(比如说 1024)缩放到另一个从 0 到 100 的范围内,那么您立刻就可以知道,等刻度值是 50 。该缩放所遵循的三值线算法是:
line 1--- 2048 / 1024 equals 2.
line 2--- 100 - 0 equals 100.
line 3--- 100 / 2 equals 50, which is the desired scaled value.
步骤 3:您想在哪儿进行绘图?
您还需要进行绘图的地方 。可以通过扩展 Eclipse ViewPart 和使用 SWT Composite 来创建您自己的视图 。此外,也可以使用从 main() 函数中调用的 SWT shell 。
在扩展 Eclipse ViewPart 时,至少必须实现两个函数:createPartControl(Composite parent) 和 setFocus() 。函数 createPartControl(Composite parent) 是在屏幕上绘制视图时自动调用的 。您的兴趣只在所接收的 SWT Composite 上 。因此,将它传递给某个类,然后通过对这个类进行编码来绘制图形 。
清单 3. 使用 Eclipse ViewPart 绘图
public class MainGraFixView extends ViewPart{
public void createPartControl(Composite parent) {
//create or get data in an arraylist
ArrayList seriesData = https://www.04ip.com/post/dataGenerator();
//instantiate a plotter, and provide data to it.
DirectedGraphXYPlotter dgXYGraph = new DirectedGraphXYPlotter(parent);
dgXYGraph.setData(seriesData);
dgXYGraph.plot(); //ask it to plot
}
public void setFocus() {
}
}
步骤 4;您需要绘制哪种图形?
一旦拥有了数据以及想用来绘制图形的区域 , 就必须确定您需要哪种类型的可视化 。在本文中,我演示了如何编写代码来创建 X-Y 坐标图和线形图 。一旦知道了绘制 X-Y 坐标图的技术,就应该能够绘制出其他图形,比如条形图和饼图 。要想更多地了解 X-Y 坐标图,请参阅我为本文编写的 DirectedGraphXYPlotter 类(参见所附源代码中的 \src\GraFix\Plotters\DirectedGraphXYPlotter.java) 。
步骤 5:创建自己的 X-Y 坐标图
X-Y 坐标图应该能够绘制出 2-D 飞机上的任意数量的级数线 。每个级数线都应该以图形形式显示出引用 X 和 Y 引用线的那些级数中的每个点的位置 。每个点都应该通过一条线连接到级数中的下一个点上 。通过使用表示一个点和一条线的 Draw2D 图形,您应该能够创建这样一个坐标图 。例如,为了表示一个点 , 我通过扩展 Ellipse 图形创建了一个 Dot 图形,并使用 PolylineConnection 图形来表示连接线 。
DirectedGraphXYPlotter 类只有两个公共函数:setData(ArrayList seriesData) 和 plot() 。函数 setData(ArrayList seriesData) 接受您想要以图形形式形象化的数据(参见步骤 1),而 plot() 函数则开始绘图 。
推荐阅读
- 如何谈恋爱ppt,如何谈恋爱才是正确的
- ios主屏幕壁纸推荐,苹果主屏幕壁纸最火
- 什么是cpu功耗,cpu的功耗
- 专业旅游网站制作,旅游网站网页制作
- go语言语法英语 go语法基础知识
- 清华大学与sap合作协议,清华大学战略合作协议
- 桌面益智类游戏幼儿园大班,幼儿园益智桌面游戏手工图片儿
- redis哨兵和集群部署的优缺点,redis哨兵和集群区别
- php怎么连接数据接口 在php中怎样连接mysql服务器和数据库