Codename One - 条形图

时间:2017-04-29 08:27:47

标签: charts bar-chart codenameone

按照cno提供的文档和示例我尝试制作条形图但是尽管尝试和测试我总是落在相同的结果上。我确定我要么错过了某些东西,要么我在某个地方犯了错误,也许有一些参数我不太了解 scale

当前的BarChart代码

    public Form createBarChartForm()
    {
        XYMultipleSeriesRenderer rendererTwo
                = new XYMultipleSeriesRenderer(300);
        rendererTwo.setBarWidth(300);
        //        rendererTwo.addYTextLabel(1, "ok");
//        rendererTwo.addXTextLabel(5, "Ouuhh");

        rendererTwo.setXAxisMin(1, 50);
        rendererTwo.setXAxisMax(5, 200);
        rendererTwo.setGridColor(ColorUtil.GREEN, 10);
//        rendererTwo.setDisplayValues(true);
//        rendererTwo.setYAxisMin(5);
//        rendererTwo.setYAxisMax(5, 10);

        com.codename1.charts.models.XYMultipleSeriesDataset dataset
                = new XYMultipleSeriesDataset();

        XYSeries xYSeries =  new XYSeries("Hi", 50);
        XYSeries xYSeries2 =  new XYSeries("Hello", 150);
        XYSeries xYSeries3 =  new XYSeries("Hola", 80);

        dataset.addSeries(xYSeries);
        dataset.addSeries(xYSeries2);
        dataset.addSeries(xYSeries3);

        com.codename1.charts.views.BarChart chart = new com.codename1.charts.views.BarChart(
                dataset, rendererTwo, BarChart.Type.STACKED);
        // 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("Budget", new com.codename1.ui.layouts.BorderLayout());
        f.add(com.codename1.ui.layouts.BorderLayout.CENTER, c);
        return f;
    }

结果(无错误时始终相同)

Result(Stack Overflow上传将显示在右下角,而不是显而易见)

1 个答案:

答案 0 :(得分:1)

我在cno的网站上找到了一个图表演示,这比我要求的要多。

Link To Charts Demo

它包含所有图表的演示,并且制作精良。

我下载了git项目并测试了我需要的那个(提取了一些方法)并且它有效。我会说我到达那里的比例为50%。

我道歉,如果这没用,因为我并不认为该网站会包含演示,而我只是随机地落在网站上。