AWT/SWT 기반 애플리케이션에서 ChaosGraph를 사용하여 차트를 개발하는 방법.

16134 단어 uxgithubjava

소개



순수한 Java GUI에서 차트 기반 응용 프로그램을 만들어야 할 수 있습니다. 이 라이브러리를 사용하십시오. 또한 웹 기반이 아닌 Java 애플리케이션에서 대시보드를 구축해야 하는 경우 Chaosgraph 라이브러리를 사용하십시오. 분석 앱이나 CRM, MIS를 만들기 위해 Eclipse RCP로 작업할 때 이 라이브러리는 사용자에 대한 UX라는 프로젝트의 목표에 성공적인 선택이 될 수 있습니다. 이 라이브러리의 핵심은 java입니다. 그럼에도 불구하고 Eclipse RAP를 사용하면 웹 브라우저에서 차트를 만들 수 있습니다.

Github: https://github.com/9ins/chaosgraph/

항아리 다운로드: https://github.com/9ins/chaosgraph/tree/master/build/libs/chaosgraph-2.0.0.jar

메이븐 종속성




<!-- https://mvnrepository.com/artifact/io.github.9ins/chaosgraph -->
<dependency>
    <groupId>io.github.9ins</groupId>
    <artifactId>chaosgraph</artifactId>
    <version>2.0.0</version>
</dependency>


그래들 종속성




// https://mvnrepository.com/artifact/io.github.9ins/chaosgraph
implementation group: 'io.github.9ins', name: 'chaosgraph', version: '2.0.0'


예제 AWT/SWT

  • https://github.com/9ins/chaosgraph/blob/master/src/main/java/org/chaostocosmos/chaosgraph/awt2d/AWTGraphSimple1.java

  • https://github.com/9ins/chaosgraph/blob/master/src/main/java/org/chaostocosmos/chaosgraph/awt2d/AWTGraphSimple2.java

  • https://github.com/9ins/chaosgraph/blob/master/src/main/java/org/chaostocosmos/chaosgraph/swt2d/SWTGraphSimple.java


  • 코딩 방법



    앱에서 차트를 만들려면 다음 단계를 따르세요.
    Github 페이지를 방문하시면 더 많은 정보를 얻으실 수 있습니다. 예를 들어 차트의 예.
  • 1.8 이상의 JRE가 필요합니다.
  • 위 링크에서 Jar 파일을 다운로드합니다.
  • 프로젝트의 클래스 경로에 [GRAPH_HOME]/build/libs/chaosgraph-2.0.0.jar을 추가합니다.
  • x, y 축의 인덱스를 정의하는 코드를 만듭니다.

  •     List<Object> xIndex = new ArrayList<Object>();  
        List<Double> yIndex = new ArrayList<Double>();  
        xIndex.add("Jan");  
        xIndex.add("Feb");  
        xIndex.add("Mar");  
        xIndex.add("Apr");  
        xIndex.add("May");  
        xIndex.add("Jun");  
        xIndex.add("Jul");  
        xIndex.add("Aug");  
        xIndex.add("Seb");  
        xIndex.add("Oct");  
        xIndex.add("Nov");  
        xIndex.add("Dec");  
        yIndex.add(1024d*1024d*100d);  
        yIndex.add(1024d*1024d*500d);  
        yIndex.add(1024d*1024d*1000d);  
        yIndex.add(1024d*1024d*5000d);  
    


  • x, y 인덱스가 있는 GraphElements 개체를 만듭니다.

  •    GraphElements graphElements = new GraphElements(GRAPH.AREA, xIndex, yIndex);  
    


  • 위에서 생성한 GraphElements 객체에 생성 중인 GraphElement 객체를 추가합니다.

  •     double[] values = {1024d*1024d*45d, 1024d*1024d*55d, 1024d*1024d*3d, 1024d*1024d*66d, 1024d*1024d*33d, 1024d*1024d*6d, 1024d*1024d*9d, 1024d*1024d*600d, 1024d*1024d* 500d, 1024d*1024d*980d, 1024d*1024d*103d, 1024d*1024d*666d}  
        GraphElement ge = new GraphElement("Kafka", Color.GRAY, values);  
        graphElements.add(ge);  
        .... (could be added more elements)  
    


  • 사전 생성된 GraphElements 객체로 GraphPanel 객체를 생성합니다.

  •     //Area graph type with width 600 pixel, height 400 pixel  
        GraphPanel gpArea = new GraphPanel(GRAPH.AREA, graphElements, 600, 400);  
    


  • GraphPanel 개체에서 검색된 Graph 개체에서 적절하거나 원하는 옵션을 설정합니다.

  •     AbstractGraph graph = (AreaGraph)gpArea.getGraph();
        graph.setTitle("This is simple area graph.");
        graph.setShowShadow(false);
        graph.setGridStyle(GRID.DOT);
        graph.setLimit(1000);
        graph.setPopupStyle(POPUP_STYLE.ROUND);
        graph.setSelectionEnable(true);
        graph.setSelectionBorder(SELECTION_BORDER.DOT);
        graph.setShowGraphXY(false);
    


  • GraphPanel 개체를 필수 대상 UI 구성 요소로 추가합니다.

  •     getContentPane().add(gpArea , BorderLayout.CENTER);
        getContentPane().validate();
        gpArea .repaint();
    



    자세한 내용은 Github 위키https://github.com/9ins/chaosgraph/wiki를 참조하십시오.

    샘플 이미지


  • 영역 차트
  • 라인 차트
  • 보간이 적용된 라인 차트
  • 막대 차트
  • 막대 비율 차트
  • 원형 차트
  • 좋은 웹페이지 즐겨찾기