Jsp中使用Visifire统计图表-控件新闻-慧都网

Jsp中使用Visifire统计图表

转帖|其它|编辑：郝浩|2011-11-18 14:35:10.000|阅读 683 次

概述：Visifire 统计图表前面几篇文章中已经做了介绍了，Visifire 可以嵌入到Asp、Asp.net、Php、Jsp等页面中，但是在这些页面中使用 Visifire 时通过 javascript 或服务端代码中拼接 xmal 格式的字符串时非常不便，稍不注意就有拼错的可能。为了方便在 Jsp 页面中使用 Visifire 统计图表，做了一个可以根据设置的值自动生成 xaml 格式的字符串的小项目。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

　Visifire 统计图表前面几篇文章中已经做了介绍了，Visifire 可以嵌入到Asp、Asp.net、Php、Jsp等页面中，但是在这些页面中使用 Visifire 时通过 javascript 或服务端代码中拼接 xmal 格式的字符串时非常不便，稍不注意就有拼错的可能。为了方便在 Jsp 页面中使用 Visifire 统计图表，做了一个可以根据设置的值自动生成 xaml 格式的字符串的小项目。

　　项目中的几个类分别和 Visifire 中相应的元素对应，通过这个小项目可以非常方便的在 jsp 中使用 Visifire 。

　　下面是一个小示例：

　　首先在 jsp 项目中引用 JspFire.jar 包，然后就可以在 jsp 中使用 JspFire 创建 Visifire 图表啦。

　　view sourceprint?<%@page contentType="text/html" import="net.designbased.jspfire.*" pageEncoding="UTF-8"%>

　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

　　"http://www.w3.org/TR/html4/loose.dtd">

　　Chart chart = new Chart(); // 创建一个 Chart 实例

　　chart.setAnimationEnabled(true);

　　chart.setView3D(true);

　　chart.setHeight(300d);

　　chart.setWidth(500d);

　　Title title = new Title(); // 创建一个 Title 实例

　　title.setEnabled(true);

　　title.setText("Jsp 使用 Visifire 示例");

　　chart.addTitle(title);

　　DataSeries series = new DataSeries(); // 创建一个 Pie 图表

　　series.setRenderAs(ChartType.Pie);

　　series.setBevel(true);

　　DataPoint dp1 = new DataPoint(); // 创建数据结点

　　dp1.setYValue("10");

　　dp1.setLegendText("很好");

　　series.AddDataPoint(dp1);

　　DataPoint dp2 = new DataPoint();

　　dp2.setYValue("14");

　　dp2.setLegendText("一般");

　　series.AddDataPoint(dp2);

　　DataPoint dp3 = new DataPoint();

　　dp3.setYValue("32");

　　dp3.setLegendText("很强大");

　　series.AddDataPoint(dp3);

　　DataPoint dp4 = new DataPoint();

　　dp4.setYValue("21");

　　dp4.setLegendText("很烂");

　　series.AddDataPoint(dp4);

　　chart.addSeries(series);

　　String xaml = chart.toString();

　　<html>

　　<head>

　　<title>JSP Visifire Example</title>

　　</head>

　　<body>

　　// 创建 Visifire 图表

　　var vChart = new Visifire('visifire/SL.Visifire.Charts.xap', "MyChart", 500, 300);

　　// 图表数据

　　var chartXml = '<%= xaml%>';

　　// 设置图表的数据

　　vChart.setDataXml(chartXml);

　　// 输出图表

　　vChart.render("Chart<%= chart.getID()%>");

　　</script>

　　</div>

　　</body>

　　</html>

　　运行结果如下：

　　这个项目现在还没有实现 Visifire 的全部功能，我会慢慢完善的，直到把Visifire的全部功能实现，同时还会做一个用于Asp.net的相同的项目。

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：网络转载

上一篇：慧都年底促销，限时抢购！下一篇：使用 Spread 格式化单元格文本内容

在线采购

中文文档库

试用/Demo下载

开发社群