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

}
时间: 2024-09-20 00:56:01

vaadin charts 使用的相关文章

使用Google Charts、Ajax和Project Zero(WebSphere sMash)创建精巧的mashup

Zero 通过集成 Groovy 脚本编制简化创建过程 开始之前 本文假设您已经下载了 Project Zero M4,并使用它创建过一个或多个应用程序.您需要对 Groovy 脚本编制.Ajax 技术和 HTML 有基本的理解,这些内容可以通过 Zero 的教程和示例获得. 简介:Google Charts API Google Charts 是一个非常出色的服务,它让开发人员可以使用简单的 HTTP GET 请求来生成图形和图表.客户机发送请求到 http://chart.apis.goog

IBM ILOG JViews Charts产品及功能介绍

IBM ILOG 的图形化产品使海量的复杂数据更易于理解.更便于管理,从而增强了企业决策制定的速度 及能力.当开发人员使用 ILOG 可视化套件创建演示时,他至少能节省下 50% 到 80% 的开发时间.ILOG 可视化套件包括 Diagrams, Gantt charts, Maps, Business dashboards, Charts 等 8 大套件,本文将 重点介绍 ILOG JViews Charts 套件,它致力于性能分析.数据分析与挖掘.实时监控以及业务分析等方 面的可视化,是分

Qt Charts - 让数据可视化更简单

简述 Qt Charts 模块提供了一套易于使用的图表组件例如柱状图.面积图.箱形图.饼图.线性图.曲线图.散点图...由于其采用了 Qt Graphics View 框架因此图表可以很容易地被集成到现代的用户界面. Qt Charts 除了图表类型丰富.方便快捷之外还完美支持移动端可用作 QWidgets.QGraphicsWidget 或 QML 类型.通过选择一个图表主题即可轻松地创建令人印象深刻的图表. 在 Qt5.7 之前的版本最早只能到 Qt5.4需要对 Qt Charts 自行编译

Qt Charts

简述 Qt Charts模块提供了一套易于使用的图表组件.它采用了Qt Graphics View框架,因此图表可以很容易地集成到现代的用户界面. Qt Charts可以被用作QWidgets.QGraphicsWidget.或QML类型.用户可以方便地通过选择图表主题之一来创建令人印象深刻的图表. 简述 入门指南 参考资料 示例 安装配置 使用 入门指南 如果要导入Qt Charts QML类型,在你的.qml文件中添加下面的导入语句: import QtCharts 2.0 如果你打算在应用

Vaadin 6.6.4发布 Web应用程序框架

Vaadin 6.6.4这是一个维护版本. Vaadin 是一款RIA的Web应用程序框架,使用 http://www.aliyun.com/zixun/aggregation/14417.html">Apache V2 许可协议的开源产品.相对于Javascript库和浏览器插件,它的功能是一个服务器端架构,也就是说大多数的逻辑运行都是在服务器上. AJAX技术是用来在浏览器端,以确保有一个rich的和交互式的用户体验. Vaadin是一个大的UI组件系列,服务器端组件包括:按钮,表格和

如题-vaadin 页面在浏览器后退前进

问题描述 vaadin 页面在浏览器后退前进 页面是用vaadin实现的.进入页面后 点击浏览器后退再进去的话会加载2个相同的内容出来.

Qt Charts基本组成

简述 Qt Charts API 构建在 Qt Graphics View 框架之上,可以使用 QChart 类将图表显示为 QGraphicsWidget.但还有一个方便的类 - QChartView,可以作为一个独立的窗口,可以更方便的构建图表,不需要与 QGraphicsScene 一起使用. 所有的图表类型均由 QAbstractSeries 派生类表示.要创建图表,必须使用相关 series 类的实例,并将其添加到 QChart. 简述 Qt Charts API 图表类型 坐标轴 图

Qt Charts入门指南

简述 Qt Charts 的横空出世标识着 QWT.QCustomPlot -- 时代的终结,是时候向他们做一个简单的告别了.Qt Charts - 强大并极具吸引力,从现在开始,让我们顺势拥抱灿烂的明天 . 简述 安装配置 基本示例 入门指南 基本用法 QChartView QChart QGraphicsScene QChart 安装配置 Qt5.7 中已经集成了 Qt Charts 模块,关于 Qt 的安装配置,请参考: Qt环境搭建(Visual Studio) Qt环境搭建(Qt Cr

数据透视表控件Pivot Table &amp;amp;amp; Charts有什么特点

问题描述 数据透视表控件Pivot Table & Charts有什么特点 最近在接触一款用于在线查看,分析和管理多维数据的控件,就是标题上的这个,个人感觉和Excel很类似,有谁知道的给我讲下它们的区别特点 解决方案 无非是呈现的外观不同,看你的需要了.具体你可以看看demo 解决方案二: Pivot Table & Charts可以对需要分析的数据(一般是数值型的)从多个维度(一般是文本型.例如分类.仓库.时间等)进行探查,Pivot Table & Charts可以根据设置对