vaadin charts 使用

hisLimitChart = new Chart();

    hisLimitChart.addStyleName("limit-hisLimitChart");

chartLayout.addComponent(hisLimitChart);
//加载内容的方法;
private void initChartContent() {

    
    Configuration conf = hisLimitChart.getConfiguration();
    
    // 加载图表需要的数据
    DataSeries series = new DataSeries();
    List<Limit> limits = limitManageProcess.getListByName(comLimit_name.getValue().toString());
    // set limit info
    limitInfo.setValue(limits.get(0).getTxtDescription());
    
    for (Limit limit : limits) {
        double value = limit.getAmtLimit();
        DataSeriesItem item = new DataSeriesItem();
        item.setX(limit.getDtStart());
        item.setY(value);
        series.add(item);
    }
    series.setName("限额金额");
    conf.addSeries(series);

    // 将数据render到图表中;X轴设置未关键期限中最早日期到最晚日期的区间;obj
    conf.getChart().setType(ChartType.LINE);
    conf.getSubTitle().setAlign(HorizontalAlign.CENTER);
    conf.setTitle("");
    
    XAxis xAxis = conf.getxAxis();

// xAxis.getLabels().setFormat("{value:%Y-%m-%d}");

    xAxis.getLabels().setFormat("{value:%Y}");
    xAxis.setTitle("");
    
    YAxis yAxis = conf.getyAxis();
    yAxis.setMin(0);
    yAxis.getLabels().setFormat("{value}");
    yAxis.setTitle(new AxisTitle("限额金额("+limits.get(0).getCdLimitUnit()+")"));
    yAxis.getTitle().setAlign(VerticalAlign.MIDDLE);
    
    conf.getxAxis().setType(AxisType.DATETIME);
    conf.getTooltip().setXDateFormat("%Y-%m-%d");
    conf.getLegend().setEnabled(false);
    
    PlotOptionsLine plotOptions = new PlotOptionsLine();
    plotOptions.getDataLabels().setEnabled(false);
    conf.setPlotOptions(plotOptions);
    hisLimitChart.drawChart(conf);
    
}
上一篇:马云怒赞的93年网红区块链工程师,教你如何用3年时间实现逆袭


下一篇:Excelize 开源五周年 ????