2016-08-05 6 views
2

折れ線グラフを作成したいのですが、グラフAPIの使い方はほとんど分かりません。折れ線グラフを作るために円グラフを作成するコードを調整しました。私は実装の助けに本当に感謝していますか、または線グラフを作成する方法についてのチュートリアルがあればそれは素晴らしいでしょう。cn1で折れ線グラフを作成するには

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; 
    } 
} 

答えて

2

私はチャートのパッケージがかなり低いと同意します。私たちはもっと「使いやすい」ものを提供したいかもしれません。 https://www.codenameone.com/blog/charts-demo-revisited.html

チェックアウトこの折れ線グラフを生成コードhere

enter image description here

+0

こんにちはシャイ

私は少し簡素化され、新たなチャートのデモで折れ線グラフのデモコードを通して行くことをお勧めします。コメントをいただきありがとうございます。私はこのデモを見て、それをプロジェクトでダウンロードしましたが、クラスによってimport com.codename1.charts ....は存在しません。デモクラスでチャートパッケージを有効にするにはどうすればよいですか? – roblin

+1

デモソースは最新バージョンのIDEにある必要がありますので、New - > Project - > 3.5 +プラグインのCodename One/Demosの下で見ることができるはずです。 –

+0

ああ、そこに行く!どうもありがとうございます。 – roblin

関連する問題