如何在Vaadin项目中使用dCharts Widget?

时间:2016-10-26 14:40:28

标签: java web charts vaadin vaadin7

我一直在寻找Vaadin Charts的免费替代方案,并找到了DCharts Widget,但是我找不到指南或完整的文档到'使用。 有谁知道如何导入和使用这个小部件? 入门指南?

  • Vaadin:7.4
  • Apache Tomcat V8
  • JDK 1.8

1 个答案:

答案 0 :(得分:0)

要使用dCharts,我已执行此步骤:

  1. https://vaadin.com/directory#!addon/dcharts-widget
  2. 下载.jar或复制maven / ivy的依赖关系
  3. 根据您的安装方法,按照this official page中的说明进行操作。 (我选择下载.jar并使用Vaadin Plug-in for Eclipse
  4. 进行编译

    代码的小例子:

    final VerticalLayout layout = new VerticalLayout();
        DataSeries dataSeries = new DataSeries()
          .add(1, 5, 8, 2, 3);
    
         SeriesDefaults seriesDefaults = new SeriesDefaults()
          .setRenderer(SeriesRenderers.BAR);
    
         Axes axes = new Axes()
         .addAxis(
                 new XYaxis().setRenderer(AxisRenderers.CATEGORY)
                 .setTicks(new Ticks()
                         .add("a", "b", "c", "d", "e")));
    
         Highlighter highlighter = new Highlighter()
         .setShow(false);
    
         Options options = new Options()
          .setSeriesDefaults(seriesDefaults)
          .setAxes(axes)
          .setHighlighter(highlighter);
    
         DCharts chart = new DCharts()
          .setDataSeries(dataSeries)
          .setOptions(options)
          .show();
    layout.addComponent(chart);