Question

我有一组两个维度点。他们的X和Y大于-2且小于2.这一点可能是：(-0.00012 ; 1.2334 )。

我想在图表上使用矩形显示这些点（矩形表示一个点，并且其坐标设置为其点' - 而且，它的大小为10 * 10）。 / p>

像（...; Y）这样的矩形应显示在上面任何矩形，如（...; Y-1）（正Y方向向上）。因此，我必须将图表的原点设置为不在左上角，而是在其他地方。

我尝试使用Graphics2D＆＃39; AffineTransform来做到这一点。

我得到所有X坐标的最小值
我得到所有Y坐标的最小值
我得到所有X坐标的最大值
我得到所有Y坐标的最大值
我得到距离xmax-xmin和ymax-ymin
然后，我写了下面给你的代码。

截图

前几天，使用我自己的方法进行扩展，我得到了这个图：
（所以我解释说，Y是倒置的，这不是一件好事）

目前，即使用我在下面给出的代码，我只有一个点 all 图表的位置！一点都不好。

我想要：

（没有线条，没有图形轴。这里重要的是根据坐标正确显示点。）

代码

获取最小和最大坐标值：

x_min = Double.parseDouble((String) list_all_points.get(0).get(0));
x_max = Double.parseDouble((String) list_all_points.get(0).get(0));
y_min = Double.parseDouble((String) list_all_points.get(0).get(1));
y_max = Double.parseDouble((String) list_all_points.get(0).get(1));
for(StorableData s : list_all_points) {
    if(Double.parseDouble((String) s.get(0)) < x_min) {
        x_min = Double.parseDouble((String) s.get(0));
    }
    if(Double.parseDouble((String) s.get(0)) > x_max) {
        x_max = Double.parseDouble((String) s.get(0));
    }

    if(Double.parseDouble((String) s.get(1)) < y_min) {
        y_min = Double.parseDouble((String) s.get(1));
    }
    if(Double.parseDouble((String) s.get(1)) > y_max) {
        y_max = Double.parseDouble((String) s.get(1));
    }
}

提出一点：

int x, y;
private void drawPoint(Cupple storable_data) {
    //x = (int) (storable_data.getNumber(0) * scaling_coef + move_x);
    //y = (int) (storable_data.getNumber(1) * scaling_coef + move_y);
    x = storable_data.getNumber(0).intValue();
    y = storable_data.getNumber(1).intValue();
    graphics.fillRect(x, y, 10, 10);
    graphics.drawString(storable_data.toString(), x - 5, y - 5);
}

绘制图表：

@Override
public void paint(Graphics graphics) {
    this.graphics = graphics;
    Graphics2D graphics_2d = ((Graphics2D) this.graphics);

    AffineTransform affine_transform = graphics_2d.getTransform();
    affine_transform.scale(getWidth()/(x_max - x_min), getHeight()/(y_max - y_min));
    affine_transform.translate(x_min, y_min);
    graphics_2d.transform(affine_transform);

    for(StorableData storable_data : list_all_points) {
        graphics_2d.setColor(Color.WHITE);
        this.drawPoint((Cupple) storable_data);
    }

Answer 1

我建议您将每个数据点映射到屏幕上的某个点，从而避免以下坐标系陷阱。获取点列表并从中创建要绘制的点列表。考虑到：

绘图是基于像素的，因此您需要缩放您的点（或者您将拥有1到4像素宽的矩形......）。
您需要翻译所有积分，因为负值将超出您绘制的组件的边界。
y轴的方向在绘图坐标中相反。

完成后，使用新的绘图列表和初始点进行计算。这是一个例子：

public class Graph extends JPanel {

    private static int gridSize = 6;
    private static int scale = 100;
    private static int size = gridSize * scale;
    private static int translate = size / 2;
    private static int pointSize = 10;

    List<Point> dataPoints, scaledPoints;

    Graph() {
        setBackground(Color.WHITE);

        // points taken from your example
        Point p1 = new Point(-1, -2);
        Point p2 = new Point(-1, 0);
        Point p3 = new Point(1, 0);
        Point p4 = new Point(1, -2);
        dataPoints = Arrays.asList(p1, p2, p3, p4);

        scaledPoints = dataPoints.stream()
                .map(p -> new Point(p.x * scale + translate, -p.y * scale + translate))
                .collect(Collectors.toList());
    }

    @Override
    public Dimension getPreferredSize() {
        return new Dimension(size, size);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;

        // draw a grid
        for (int i = 0; i < gridSize; i++) {
            g2d.drawLine(i * scale, 0, i * scale, size);
            g2d.drawLine(0, i * scale, size, i * scale);
        }

        // draw the rectangle
        g2d.setPaint(Color.RED);
        g2d.drawPolygon(scaledPoints.stream().mapToInt(p -> p.x).toArray(),
                        scaledPoints.stream().mapToInt(p -> p.y).toArray(),
                        scaledPoints.size());

        // draw the points
        g2d.setPaint(Color.BLUE);
        // origin
        g2d.fillRect(translate, translate, pointSize, pointSize);
        g2d.drawString("(0, 0)", translate, translate);
        // data
        for (int i = 0; i < dataPoints.size(); i++) {
            Point sp = scaledPoints.get(i);
            Point dp = dataPoints.get(i);
            g2d.fillRect(sp.x, sp.y, pointSize, pointSize);
            g2d.drawString("(" + dp.x + ", " + dp.y + ")", sp.x, sp.y);
        }
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame();
        frame.setContentPane(new Graph());
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }
}

另一个：

您可能希望在网格交叉点上对齐点，而不是在它们的下方和右侧。我相信你会想出这个。

另外，我订购了这些点，以便drawPolygon以正确的顺序绘制线条。如果您的积分是任意排列的，请寻找寻找轮廓的方法。如果您想要在示例中的所有点之间划线，请使用drawLine迭代它们的所有组合。

如何使用非常小的坐标使用AffineTransform？

1 个答案: