Draw Line Graph2D с данными [duplicate]

Проверьте все пакеты, которые вы установили для php, используя:

yum list installed | grep remi

Установите все соответствующие пакеты php, особенно php-devel на вашем компьютере.

24
задан Peter Mortensen 6 November 2014 в 20:32
поделиться

6 ответов

Проблемы с вашим кодом и предложениями:

  • Снова вам нужно изменить предпочтительный размер компонента (здесь Graph JPanel), а не размер
  • Не выполнять установите границы JFrame.
  • Вызовите pack() на своем JFrame после добавления к нему компонентов и перед вызовом setVisible (true)
  • Ваш цикл foreach не будет работать, так как размер вашего ArrayList равно 0 (проверьте, чтобы это было правильно). Вместо этого используйте цикл for, идущий от 0 до 10.
  • У вас не должно быть программной логики внутри вашего метода paintComponent(...), а только кода рисования. Поэтому я бы сделал ArrayList переменной класса и заполнил его внутри конструктора класса.

Например:

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.RenderingHints;
import java.awt.Stroke;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import javax.swing.*;

@SuppressWarnings("serial")
public class DrawGraph extends JPanel {
   private static final int MAX_SCORE = 20;
   private static final int PREF_W = 800;
   private static final int PREF_H = 650;
   private static final int BORDER_GAP = 30;
   private static final Color GRAPH_COLOR = Color.green;
   private static final Color GRAPH_POINT_COLOR = new Color(150, 50, 50, 180);
   private static final Stroke GRAPH_STROKE = new BasicStroke(3f);
   private static final int GRAPH_POINT_WIDTH = 12;
   private static final int Y_HATCH_CNT = 10;
   private List<Integer> scores;

   public DrawGraph(List<Integer> scores) {
      this.scores = scores;
   }

   @Override
   protected void paintComponent(Graphics g) {
      super.paintComponent(g);
      Graphics2D g2 = (Graphics2D)g;
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

      double xScale = ((double) getWidth() - 2 * BORDER_GAP) / (scores.size() - 1);
      double yScale = ((double) getHeight() - 2 * BORDER_GAP) / (MAX_SCORE - 1);

      List<Point> graphPoints = new ArrayList<Point>();
      for (int i = 0; i < scores.size(); i++) {
         int x1 = (int) (i * xScale + BORDER_GAP);
         int y1 = (int) ((MAX_SCORE - scores.get(i)) * yScale + BORDER_GAP);
         graphPoints.add(new Point(x1, y1));
      }

      // create x and y axes 
      g2.drawLine(BORDER_GAP, getHeight() - BORDER_GAP, BORDER_GAP, BORDER_GAP);
      g2.drawLine(BORDER_GAP, getHeight() - BORDER_GAP, getWidth() - BORDER_GAP, getHeight() - BORDER_GAP);

      // create hatch marks for y axis. 
      for (int i = 0; i < Y_HATCH_CNT; i++) {
         int x0 = BORDER_GAP;
         int x1 = GRAPH_POINT_WIDTH + BORDER_GAP;
         int y0 = getHeight() - (((i + 1) * (getHeight() - BORDER_GAP * 2)) / Y_HATCH_CNT + BORDER_GAP);
         int y1 = y0;
         g2.drawLine(x0, y0, x1, y1);
      }

      // and for x axis
      for (int i = 0; i < scores.size() - 1; i++) {
         int x0 = (i + 1) * (getWidth() - BORDER_GAP * 2) / (scores.size() - 1) + BORDER_GAP;
         int x1 = x0;
         int y0 = getHeight() - BORDER_GAP;
         int y1 = y0 - GRAPH_POINT_WIDTH;
         g2.drawLine(x0, y0, x1, y1);
      }

      Stroke oldStroke = g2.getStroke();
      g2.setColor(GRAPH_COLOR);
      g2.setStroke(GRAPH_STROKE);
      for (int i = 0; i < graphPoints.size() - 1; i++) {
         int x1 = graphPoints.get(i).x;
         int y1 = graphPoints.get(i).y;
         int x2 = graphPoints.get(i + 1).x;
         int y2 = graphPoints.get(i + 1).y;
         g2.drawLine(x1, y1, x2, y2);         
      }

      g2.setStroke(oldStroke);      
      g2.setColor(GRAPH_POINT_COLOR);
      for (int i = 0; i < graphPoints.size(); i++) {
         int x = graphPoints.get(i).x - GRAPH_POINT_WIDTH / 2;
         int y = graphPoints.get(i).y - GRAPH_POINT_WIDTH / 2;;
         int ovalW = GRAPH_POINT_WIDTH;
         int ovalH = GRAPH_POINT_WIDTH;
         g2.fillOval(x, y, ovalW, ovalH);
      }
   }

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

   private static void createAndShowGui() {
      List<Integer> scores = new ArrayList<Integer>();
      Random random = new Random();
      int maxDataPoints = 16;
      int maxScore = 20;
      for (int i = 0; i < maxDataPoints ; i++) {
         scores.add(random.nextInt(maxScore));
      }
      DrawGraph mainPanel = new DrawGraph(scores);

      JFrame frame = new JFrame("DrawGraph");
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.getContentPane().add(mainPanel);
      frame.pack();
      frame.setLocationByPlatform(true);
      frame.setVisible(true);
   }

   public static void main(String[] args) {
      SwingUtilities.invokeLater(new Runnable() {
         public void run() {
            createAndShowGui();
         }
      });
   }
}

Что создаст граф, который выглядит как поэтому: enter image description here [/g0]

49
ответ дан user1585643 20 August 2018 в 20:04
поделиться
  • 1
    Это сработало - как в линейном графике! Спасибо, что так терпеливы! Единственная проблема заключается в том, что по какой-то причине eclipse не распознает метод setPreferredSize - я проверял API, и он по-прежнему полностью поддерживается - не знаю, что там происходит, но я могу, надеюсь, разобраться в этом сам - спасибо еще раз! – user1058210 1 January 2012 в 17:21
  • 2
    @ user1058210: Вы должны использовать его неправильно. Пожалуйста, покажите нам, как вы пытаетесь это назвать. Вы называете его вне блока конструктора или метода? – Hovercraft Full Of Eels 1 January 2012 в 17:28
  • 3
    @ user1058210: пример кода и изображения. – Hovercraft Full Of Eels 3 January 2012 в 07:55

Ответ на Hovercraft Full Of Eels очень хороший, но мне пришлось немного его изменить, чтобы заставить его работать над моей программой:

int y1 = (int) ((this.height - 2 * BORDER_GAP) - (values.get(i) * yScale - BORDER_GAP));

вместо

int y1 = (int) (scores.get(i) * yScale + BORDER_GAP);

, потому что, если бы я использовал свой путь, графика была бы перевернута вверх

(вы увидите это, если бы вместо случайных значений использовались жестко заданные значения (например, 1,3,5,7,9)),

2
ответ дан DarkW 20 August 2018 в 20:04
поделиться
  • 1
    Я была такая же проблема. Вычитание из высоты инвертирует график, потому что оно действительно обращено в обратном порядке. – Rarw 14 May 2014 в 16:49

Или просто используйте библиотеку JFreechart - http://www.jfree.org/jfreechart/ .

9
ответ дан DejanLekic 20 August 2018 в 20:04
поделиться
  • 1
    – Hovercraft Full Of Eels 1 January 2012 в 17:08
  • 2
    Тем не менее, ничего подобного избегать целой библиотеки для чего-то простого. Предыдущий ответ выполнил бы задачу для чего-то простого. – toto_tico 8 February 2016 в 21:43
  • 3
    Использование библиотеки, когда она существует для выполнения задания, почти всегда является лучшим решением. Даже для простых случаев. Для лучшего результата требуется меньше времени. – Florian F 21 May 2016 в 13:23

Существует много проектов с открытым исходным кодом, которые обрабатывают все чертежи линейных диаграмм для вас несколькими парами кода. Вот как вы можете нарисовать линейную диаграмму из данных в пару текста (CSV) с библиотекой XChart . Отказ от ответственности: Я ведущий разработчик проекта.

В этом примере в ./CSV/CSVChartRows/ существуют два текстовых файла. Обратите внимание, что каждая строка в файлах представляет собой точку данных, которая должна быть построена, и что каждый файл представляет собой другую серию. series1 содержит данные x, y и error bar, тогда как series2 содержит только x и y, данные.

series1.csv

1,12,1.4
2,34,1.12
3,56,1.21
4,47,1.5

series2.csv

1,56
2,34
3,12
4,26

Исходный код

public class CSVChartRows {

  public static void main(String[] args) throws Exception {

    // import chart from a folder containing CSV files
    XYChart chart = CSVImporter.getChartFromCSVDir("./CSV/CSVChartRows/", DataOrientation.Rows, 600, 400);

    // Show it
    new SwingWrapper(chart).displayChart();
  }
}

Результирующий график

6
ответ дан herrtim 20 August 2018 в 20:04
поделиться

Переопределите метод paintComponent вашей панели, чтобы вы могли выполнить индивидуальный розыгрыш. Например:

@Override
public void paintComponent(Graphics g) {
    Graphics2D gr = (Graphics2D) g; //this is if you want to use Graphics2D
    //now do the drawing here
    ...
}
3
ответ дан Petar Minchev 20 August 2018 в 20:04
поделиться
  • 1
    Спасибо за помощь Petar - я переопределил метод paintComponent и реализовал свой код в указанном вами разделе, но он пока не отображается. В моем конструкторе я также вставил setSize (500, 500), чтобы гарантировать, что JPanel видна, но, к сожалению, это тоже не исправило. Я отредактировал свой пост, чтобы показать, что я написал в главном заявлении, чтобы узнать, не помогает ли это. – user1058210 1 January 2012 в 16:03
  • 2
    @ user1058210: setSize обычно не сопровождается большинством менеджеров компоновки, в то время как обычно предпочтительными являются. Вы хотите показать свой новый код с показанным методом paintComponent. Кроме того, вы уверены, что ваш метод paintComponent является истинным методом переопределения? Разумеется, разместите над ним @Override аннотацию, чтобы компилятор проверил это для вас. Подумайте о создании небольшой компилируемой исполняемой программы, демонстрирующей вашу проблему, sscce , а затем разместите ее здесь, если вы все еще застряли. – Hovercraft Full Of Eels 1 January 2012 в 16:06
  • 3
    @HovercraftFullOfEels благодарит за помощь - я попробовал реализовать метод preferredSize, но, по-видимому, он устарел. Что вы имеете в виду? & Quot; вы хотите показать свой новый код с помощью метода paintComponent & quot ;? Вы имеете в виду, что я должен прямо ссылаться на него в моем главном виде: graph.paintComponent (g)? Я думал, что метод paintComponent - это то, что было вызвано автоматически, и после переопределения автоматически вызовет мой код. Спасибо за то, что он масштабируется! Я этого не осознал. Сейчас я сделаю sscce. – user1058210 1 January 2012 в 16:25
  • 4
    Чтобы установить предпочтительный размер компонента, вы должны либо вызвать setPreferredSize(...) (извините Kleopatra), либо переопределить getPreferredSize(). И да paintComponent и paint - это методы, которые вы не вызываете напрямую. Я говорил о вашем собственном методе переопределения paintComponent, который вы указываете в своем первом комментарии к этому ответу - вам нужно показать его нам. – Hovercraft Full Of Eels 1 January 2012 в 16:29
  • 5
    @ user1058210 - Вы должны вызвать метод repaint() на панели. Затем автоматически вызывается paintComponent. Вы не должны называть это напрямую. – Petar Minchev 1 January 2012 в 16:30

Просто дополняя решение Hovercraft Full Of Eels:

Я переработал его код, немного изменил его, добавив метки сетки, оси, и теперь ось Y идет от минимального значения до максимума стоимость. Я планировал добавить пару геттеров / сеттеров, но мне они не нужны, вы можете добавить их, если хотите.

Вот ссылка Gist, я также вставляю код ниже: GraphPanel on Gist

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.FontMetrics;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.RenderingHints;
import java.awt.Stroke;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;

public class GraphPanel extends JPanel {

    private int width = 800;
    private int heigth = 400;
    private int padding = 25;
    private int labelPadding = 25;
    private Color lineColor = new Color(44, 102, 230, 180);
    private Color pointColor = new Color(100, 100, 100, 180);
    private Color gridColor = new Color(200, 200, 200, 200);
    private static final Stroke GRAPH_STROKE = new BasicStroke(2f);
    private int pointWidth = 4;
    private int numberYDivisions = 10;
    private List<Double> scores;

    public GraphPanel(List<Double> scores) {
        this.scores = scores;
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

        double xScale = ((double) getWidth() - (2 * padding) - labelPadding) / (scores.size() - 1);
        double yScale = ((double) getHeight() - 2 * padding - labelPadding) / (getMaxScore() - getMinScore());

        List<Point> graphPoints = new ArrayList<>();
        for (int i = 0; i < scores.size(); i++) {
            int x1 = (int) (i * xScale + padding + labelPadding);
            int y1 = (int) ((getMaxScore() - scores.get(i)) * yScale + padding);
            graphPoints.add(new Point(x1, y1));
        }

        // draw white background
        g2.setColor(Color.WHITE);
        g2.fillRect(padding + labelPadding, padding, getWidth() - (2 * padding) - labelPadding, getHeight() - 2 * padding - labelPadding);
        g2.setColor(Color.BLACK);

        // create hatch marks and grid lines for y axis.
        for (int i = 0; i < numberYDivisions + 1; i++) {
            int x0 = padding + labelPadding;
            int x1 = pointWidth + padding + labelPadding;
            int y0 = getHeight() - ((i * (getHeight() - padding * 2 - labelPadding)) / numberYDivisions + padding + labelPadding);
            int y1 = y0;
            if (scores.size() > 0) {
                g2.setColor(gridColor);
                g2.drawLine(padding + labelPadding + 1 + pointWidth, y0, getWidth() - padding, y1);
                g2.setColor(Color.BLACK);
                String yLabel = ((int) ((getMinScore() + (getMaxScore() - getMinScore()) * ((i * 1.0) / numberYDivisions)) * 100)) / 100.0 + "";
                FontMetrics metrics = g2.getFontMetrics();
                int labelWidth = metrics.stringWidth(yLabel);
                g2.drawString(yLabel, x0 - labelWidth - 5, y0 + (metrics.getHeight() / 2) - 3);
            }
            g2.drawLine(x0, y0, x1, y1);
        }

        // and for x axis
        for (int i = 0; i < scores.size(); i++) {
            if (scores.size() > 1) {
                int x0 = i * (getWidth() - padding * 2 - labelPadding) / (scores.size() - 1) + padding + labelPadding;
                int x1 = x0;
                int y0 = getHeight() - padding - labelPadding;
                int y1 = y0 - pointWidth;
                if ((i % ((int) ((scores.size() / 20.0)) + 1)) == 0) {
                    g2.setColor(gridColor);
                    g2.drawLine(x0, getHeight() - padding - labelPadding - 1 - pointWidth, x1, padding);
                    g2.setColor(Color.BLACK);
                    String xLabel = i + "";
                    FontMetrics metrics = g2.getFontMetrics();
                    int labelWidth = metrics.stringWidth(xLabel);
                    g2.drawString(xLabel, x0 - labelWidth / 2, y0 + metrics.getHeight() + 3);
                }
                g2.drawLine(x0, y0, x1, y1);
            }
        }

        // create x and y axes 
        g2.drawLine(padding + labelPadding, getHeight() - padding - labelPadding, padding + labelPadding, padding);
        g2.drawLine(padding + labelPadding, getHeight() - padding - labelPadding, getWidth() - padding, getHeight() - padding - labelPadding);

        Stroke oldStroke = g2.getStroke();
        g2.setColor(lineColor);
        g2.setStroke(GRAPH_STROKE);
        for (int i = 0; i < graphPoints.size() - 1; i++) {
            int x1 = graphPoints.get(i).x;
            int y1 = graphPoints.get(i).y;
            int x2 = graphPoints.get(i + 1).x;
            int y2 = graphPoints.get(i + 1).y;
            g2.drawLine(x1, y1, x2, y2);
        }

        g2.setStroke(oldStroke);
        g2.setColor(pointColor);
        for (int i = 0; i < graphPoints.size(); i++) {
            int x = graphPoints.get(i).x - pointWidth / 2;
            int y = graphPoints.get(i).y - pointWidth / 2;
            int ovalW = pointWidth;
            int ovalH = pointWidth;
            g2.fillOval(x, y, ovalW, ovalH);
        }
    }

//    @Override
//    public Dimension getPreferredSize() {
//        return new Dimension(width, heigth);
//    }
    private double getMinScore() {
        double minScore = Double.MAX_VALUE;
        for (Double score : scores) {
            minScore = Math.min(minScore, score);
        }
        return minScore;
    }

    private double getMaxScore() {
        double maxScore = Double.MIN_VALUE;
        for (Double score : scores) {
            maxScore = Math.max(maxScore, score);
        }
        return maxScore;
    }

    public void setScores(List<Double> scores) {
        this.scores = scores;
        invalidate();
        this.repaint();
    }

    public List<Double> getScores() {
        return scores;
    }

    private static void createAndShowGui() {
        List<Double> scores = new ArrayList<>();
        Random random = new Random();
        int maxDataPoints = 40;
        int maxScore = 10;
        for (int i = 0; i < maxDataPoints; i++) {
            scores.add((double) random.nextDouble() * maxScore);
//            scores.add((double) i);
        }
        GraphPanel mainPanel = new GraphPanel(scores);
        mainPanel.setPreferredSize(new Dimension(800, 600));
        JFrame frame = new JFrame("DrawGraph");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().add(mainPanel);
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
      SwingUtilities.invokeLater(new Runnable() {
         public void run() {
            createAndShowGui();
         }
      });
   }
}

Это выглядит так: Example pic [/g1]

35
ответ дан Rodrigo Castro 20 August 2018 в 20:04
поделиться
  • 1
    Вы можете определить что-то вроде int graphWidth = getWidth() - 2 * padding - labelPadding; int graphHeight = getHeight() - 2 * padding - labelPadding;, чтобы избежать вычисления позиции каждый раз. – xi.lin 26 April 2016 в 15:45
Другие вопросы по тегам:

Похожие вопросы: