java - 用 Java 创建简单的条形图 - 读取数据并输出条形图

Question

我需要为我的一个项目创建一个简单的条形图。该程序需要输入 1 到 9 个大于零的整数。然后，程序需要显示一个非常简单的条形图，其中整数显示在条形上方。我的教授没有向我很好地解释这个程序，这是第一次使用图形。

该计划需要:

类“SimpleBarChart”(将扩展 Frame)，具有私有(private)变量 Bar[] bar 和 int [] inputData 等(如私有(private) Graphics g、私有(private) int windowWid、windowHt 等)和以下函数。它还使用了辅助类 Bars，如下所示:

class Bar
{ public int height, width, value, nix, nwy;
  public Bar() {}
  public Bar(int height, int width, int value, int nix, int nwy)
  { this.height = height; etc }
}

接下来是构造函数 SimpleBarChart()，它调用 readData()、createBars() 和 drawBars()。

函数 private void readData()，用于读取条形图的 inputData。使用下面给出的代码，该代码使用 JOptionPane。

函数 private void createBars() 用于创建条形数组，并为每个条形指定宽度、高度、值 (bars[i].value = inputData[i])、nix 和 nwy。需要显示窗口顶部和底部有 25 个像素的空间，条形之间有 10 个像素，并且必须允许将条形高度缩放为 inputData 项的形式。

最后是一个函数 private void drawBars() 来绘制条形，一次绘制一个条形，并在条形之间有适当的 sleep 时间，并使用两种不同的颜色。需要使用 g.drawString(""+b.value, nix + b.width/2, nwy - 10) 将每个条形标记为黑色，其值位于其顶部上方 10 像素处。

我一整天都在试图解决这个问题，但我迷路了。任何帮助将不胜感激!

这是我到目前为止所拥有的代码:

package simplebarchart;

import java.awt.*;
import java.awt.event.*;
import java.awt.Toolkit.*;
import javax.swing.*;
import java.io.*;
import java.util.*;


public class SimpleBarchart extends JFrame
{
    private final int OUTER_MARGIN = 20;
    private static final Color BACKGROUND_COLOR = Color.white;
    private static final Color BAR_COLOR = Color.red; 
    private int SPACE_ON_LEFT_RIGHT;
    private Image fImageBuffer;
    private Insets fInsets;
    private Graphics g;
    private Bar[] bars;
    private static int SLEEP = 500;
    private int[] inputData;


class Bar
{
    private int height, value;
    public int width;
    public int nwx;
    public int nwy;
    public Color color;

    public Bar() {}
    public Bar(int height, int width, int value, int nwx, int nwy)
    {
        this.height = height;
        this.width = width; 
        this.value = value; 
        this.nwx = nwx;
        this.nwy = nwy;
    }

}


public SimpleBarchart(final int[] inputData)
{
    this.inputData = inputData;
    addWindowListener(new WindowCloser());
    fInsets = getInsets();
    setSize(WIDTH + fInsets.left + fInsets.right, HEIGHT + fInsets.top + fInsets.bottom);
    setTitle("Bar Chart");
    if (((fImageBuffer = createImage(WIDTH, HEIGHT)) == null) ||
            ((g = fImageBuffer.getGraphics()) == null))
            System.exit(1);
    readData();
    createBars();
    getContentPane().add(new SimpleBarchart(inputData), BorderLayout.CENTER);
    setVisible(true);
}

/**
 *
 * @param g
 */
protected void paintComponent(final Graphics g) {
    g.drawImage(fImageBuffer, fInsets.left, fInsets.top, null);
}

class WindowCloser extends WindowAdapter
{
    @Override
    public void windowClosing(WindowEvent e)
    {
        System.exit(0);
    }
}

private void readData()
{
    String[] inputItems = JOptionPane.showInputDialog("Enter 1 to 9 integers > 0").trim().split(" +");
    int numData = inputItems.length;
    inputData = new int[numData];

    for (int itemIndex = 0; itemIndex < inputItems.length; itemIndex++)
        inputData[itemIndex] = numData;


}

private void createBars()
{

//Im confused on how to create the bars for this program. 
//This function requires 25 pixels of space on top and bottom of the display-    window, 10 pixels between the bars, and has to allow bar-heights to be **scaled to the form of inputData items.** 

    Bar[] bars = new Bar[];
    int pixelBetweenBars = 25;
    int width = 800 + 2*OUTER_MARGIN;
    int height = 600 + 2*OUTER_MARGIN;

}

private void drawBars(final Graphics g)
{
            int OUTER_MARGIN = 20,
            WIDTH = 800 + 2 * OUTER_MARGIN,
            HEIGHT = 600 + 2 * OUTER_MARGIN;


    g.setColor(BACKGROUND_COLOR);
    g.fillRect(0, 0, WIDTH, HEIGHT);

    g.setColor(BAR_COLOR);
    final int barWidth = 20;
    for (int itemIndex = 0; itemIndex < inputData.length; itemIndex++) {
        final int x = OUTER_MARGIN + 25 * itemIndex;
        final int barHeight = 10 * inputData[itemIndex];
        final int y = barHeight;
        g.fillRect(x, y, barWidth, barHeight);
    }
}


public static void main(String[] args) 
{
    new SimpleBarchart;
}

Answer 1

我同意Uttesh Kumar那JFreeChart是一个优秀的图表库，投入时间学习它确实是值得的。但由于您做这个项目是为了了解有关图形的更多信息，因此最好自己编写绘图代码。

首先是一些一般性评论:

• Bar 类定义了两次，并且两个实现都尚未使用；
• createImage([...], [...]).getGraphics() 构造看起来相当奇特；
• readData 方法读取空格分隔的数字列表，分配内存，但不存储数字(您可以在此处使用 Bar 类)；
• createBars 方法当前声明了三个尚未使用的局部变量(并且不执行任何其他操作)。

如Performing Custom Painting所示MadProgrammer已经推荐过的教程自定义绘画的常见方法是子类化 JPanel 类并重写 paintComponent 方法。 学习这个简短的教程会让您很快上手，所以我非常同意这个建议!

在 readData 方法中，您可以添加几行来存储数字(稍后切换到使用 Bar 类):

for (int itemIndex = 0; itemIndex < inputItems.length; itemIndex++)
    inputData[itemIndex] = [...get a number from the inputItems string here...];

在构造函数中调用readData之后，您可以添加:

getContentPane().add(new SimpleBarPanel(inputData), BorderLayout.CENTER);
setVisible(true);

这使用了一个新的 SimpleBarPanel 类来处理自定义绘制。 (如果您希望显示 SimpleBarPanel 绘画，则应最后调用 setVisible。)

SimpleBarPanel 类可能如下所示:

import java.awt.*;
import javax.swing.*;

public class SimpleBarPanel extends JPanel {
    private static final Color BACKGROUND_COLOR = Color.white;
    private static final Color BAR_COLOR = Color.red;

    private int[] inputData;

    public SimpleBarPanel(final int[] inputData) {
        this.inputData = inputData;
    }

    @Override
    protected void paintComponent(final Graphics g) {
        super.paintComponent(g);

        drawBars(g);
    }

    private void drawBars(final Graphics g) {
        int /*i,*/ OUTER_MARGIN = 20,
                WIDTH = 800 + 2 * OUTER_MARGIN,
                HEIGHT = 600 + 2 * OUTER_MARGIN;
                /*SPACE_BETWEEN_BARS = 10, SPACE_ON_TOP_BOTTOM = 25;*/

        g.setColor(BACKGROUND_COLOR);
        g.fillRect(0, 0, WIDTH, HEIGHT);

        g.setColor(BAR_COLOR);
        final int barWidth = 20;
        for (int itemIndex = 0; itemIndex < inputData.length; itemIndex++) {
            final int x = OUTER_MARGIN + 25 * itemIndex;
            final int barHeight = 10 * inputData[itemIndex];
            final int y = [...y is calculated using barHeight; the higher the bar, the lower y should be...];
            g.fillRect(x, y, barWidth, barHeight);
        }
    }
}

祝您的项目顺利。