cn1에서 선 그래프를 만드는 방법

Question

선 차트를 만들고 싶지만 차트 API를 사용하는 방법을 거의 알지 못합니다. 선 차트를 만들기 위해 원형 차트를 만들기위한 코드를 조정했습니다. 구현에 대한 도움을 주셔서 감사 드리며 선 차트를 만드는 방법에 대한 자습서가 있으면 좋을 것입니다.

package userclasses; 

import com.codename1.charts.ChartComponent; 
import com.codename1.charts.models.XYMultipleSeriesDataset; 
import com.codename1.charts.models.XYSeries; 
import com.codename1.charts.renderers.XYMultipleSeriesRenderer; 
import com.codename1.charts.util.ColorUtil; 
import com.codename1.charts.views.LineChart; 
import com.codename1.ui.Form; 
import com.codename1.ui.layouts.BorderLayout; 

/** 
* 
* @author Robin 
*/ 
public class LineGraph1 { 
    private XYMultipleSeriesRenderer buildXYMSRenderer(int[] colors) { 
     XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer(); 
     renderer.setLabelsTextSize(15); 
     renderer.setLegendTextSize(15); 
     renderer.setMargins(new int[]{20, 30, 15, 0}); 

     return renderer; 
    } 

    protected XYMultipleSeriesDataset buildXYMultipleSeriesDataSeries(String title, double[] xValues, double[] yValues) { 
     XYMultipleSeriesDataset series = new XYMultipleSeriesDataset(); 
     int k = 0; 
     XYSeries xys = new XYSeries(title); 
     for (int i = 0; i < xValues.length; i++) { 
      xys.add(xValues[i], yValues[i]); 
     } 
{ 

     } 
     series.addSeries(xys); 

     return series ; 
    } 

    public Form createLineChartForm() { 

     // Generate the values 
     double[] xValues = new double[]{1, 2, 3, 4, 5}; 
     double[] yValues = new double[]{20,26,31,21,44}; 


     // Set up the renderer 
     int[] colors = new int[]{ColorUtil.BLUE, ColorUtil.GREEN, ColorUtil.MAGENTA, ColorUtil.YELLOW, ColorUtil.CYAN}; 
     XYMultipleSeriesRenderer renderer = buildXYMSRenderer(colors); 
     renderer.setZoomButtonsVisible(true); 
     renderer.setZoomEnabled(true); 
     renderer.setChartTitleTextSize(20); 
     renderer.setDisplayValues(true); 
     renderer.setShowLabels(true); 
     //SimpleSeriesRenderer r = renderer.getSeriesRendererAt(0); 

     // Create the chart ... pass the values and renderer to the chart object. 


     LineChart chart = new LineChart(buildXYMultipleSeriesDataSeries("Project budget", xValues, yValues), renderer); 
     //LineChart chart2 = new LineChart(buildXYMultipleSeriesDataSeries("Project budget", values), new XYMultipleSeriesRenderer()); 
     // Wrap the chart in a Component so we can add it to a form 
     ChartComponent c = new ChartComponent(chart); 

     // Create a form and show it. 
     Form f = new Form("Graph"); 
     f.setLayout(new BorderLayout()); 
     f.addComponent(BorderLayout.CENTER, c); 
     return f; 
    } 
} 

Answer 1

차트 패키지가 상당히 낮은 수준에 동의합니다. 우리는 좀 더 "사용자 친화적 인"것을 제안하고 싶을지도 모릅니다. https://www.codenameone.com/blog/charts-demo-revisited.html

체크 아웃이 라인 차트를 생성하는 코드 here :