`
忧里修斯
  • 浏览: 436436 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

饼状图入门实例

阅读更多
1、index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="org.jfree.data.general.DefaultPieDataset"%>
<%@page import="org.jfree.chart.plot.PiePlot"%>
<%@page import="org.jfree.chart.plot.Plot"%>
<%@page import="org.jfree.chart.JFreeChart"%>
<%@page import="org.jfree.chart.ChartRenderingInfo"%>
<%@page import="org.jfree.chart.entity.StandardEntityCollection"%>
<%@page import="org.jfree.chart.servlet.ServletUtilities"%>
<%
	DefaultPieDataset dataSet = new DefaultPieDataset();
	//设置数据
	dataSet.setValue("java",17.509);
	dataSet.setValue("c",17.279);
	dataSet.setValue("php",17.509);
	dataSet.setValue("C++",9.908);
	dataSet.setValue("(Visual) Basic",6.574);
	dataSet.setValue("其他",7.509);
	PiePlot plot = new PiePlot(dataSet);
	//创建图表
	JFreeChart chart = new JFreeChart("",JFreeChart.DEFAULT_TITLE_FONT,plot,true);
	chart.setTitle("2010年 3月编程语言排行榜");
	
	ChartRenderingInfo rinfo = new ChartRenderingInfo(new StandardEntityCollection());
	//生成的图表图片
	String filename = ServletUtilities.saveChartAsPNG(chart,400,300,rinfo,session);
	//图表图片的URL
	String graphUrl = request.getContextPath()+"/servlet/DisplayChart?filename="+filename;
	
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<title>饼状图实例——2010年 3月编程语言排行榜</title>
  </head>
  <body>
  	<p align="center">
  		<img alt="2010年 3月编程语言排行榜" src="<%=graphUrl %>" width="400" height="300">
  	</p>
  </body>
</html>


2、web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
	xmlns="http://java.sun.com/xml/ns/j2ee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
	http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
		

<servlet>
     <servlet-name>DisplayChart</servlet-name>
     <servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>DisplayChart</servlet-name>
      <url-pattern>/servlet/DisplayChart</url-pattern>
  </servlet-mapping>
  
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>


3、效果图

  • 大小: 16.7 KB
分享到:
评论

相关推荐

    一个简洁美观的饼状图及柱状图Demo源码

    总的来说,这个Demo源码提供了一个快速入门的例子,帮助开发者了解如何使用ECharts创建饼状图和柱状图。通过分析和学习这个源码,你可以掌握ECharts的基本用法,进一步可以将其应用于自己的项目中,为数据可视化提供...

    SpringBoot+Echarts实现请求后台数据显示饼状图

    在绘制一个简单的饼状图之前,开发者需要首先在HTML文件中引入Echarts库,然后使用JavaScript代码来初始化Echarts实例,并使用setOption方法生成图表。 首先,开发者需要在HTML文件中引入Echarts库,可以使用script...

    php 画数据统计图(饼状,折线)

    在IT行业中,数据可视化是数据分析的关键环节,它能够帮助我们直观地理解复杂的数据信息。...而"phpcharts"这样的资源包正是学习和实践的好工具,它提供了快速上手的实例,帮助开发者快速入门并精通PHP图表绘制。

    ichartjs入门实用教程

    快速入门向导部分将引导用户如何预览图表、编写代码以及运行图表实例,帮助用户快速上手。 在基础篇中,介绍了iChartJS的一些基础概念,例如$符号在iChartJS中的含义,数据格式的定义,包括单一数据源和多值数据源...

    c#chart饼图案例.7z

    在本案例中,“c#chart饼状图案例.7z”文件包含了一个展示如何在C#应用程序中使用Chart控件创建饼状图的实例。 首先,要使用Chart控件,你需要在你的C#项目中引用System.Windows.Forms.DataVisualization命名空间。...

    echarts数据可视化入门

    ECharts 是一个由百度开源的,基于 JavaScript 的数据可视化库,它提供了丰富的图表类型,如柱状图、饼状图、折线图等,且具有良好的交互性和高度自定义的特性。对于初学者来说,ECharts 是一个很好的选择,因为它...

    ichart1.2入门教程

    接下来是图表篇,详细介绍了如何制作不同类型的图表,包括2D和3D的饼状图、环形图、条形图、柱形图等。对于每种图表,作者不仅讲解了如何设置数据源格式,还提供了应用场景的介绍,帮助读者选择合适的图表类型来表达...

    Python画图学习入门教程

    本教程旨在介绍如何使用Python进行基础图表的绘制,包括线性图、饼状图等,并通过实例展示具体的绘制方法。 #### 二、Python画图基础 在Python中进行图表绘制时,`matplotlib` 是一个非常强大且常用的库。它能够...

    JS Charts 最新完整版

    JS Charts是一款强大的JavaScript图表库,专为网页开发者设计,用于创建数据可视化效果,如折线图、饼状图、柱状图等。这款库以其易用性、灵活性和丰富的自定义选项而受到广泛的欢迎。在"JS Charts 最新完整版"的...

    python数据可视三大库之matplotlib库(二:图表函数入门)

    matplotlib不止能够绘制坐标图,还可以绘制...文章目录pyplot基本概述实例饼状图绘制直方图绘制极坐标绘制散点图绘制 pyplot基本概述 原创文章 18获赞 18访问量 1705 关注 私信 展开阅读全文 作者:伏虎山真人

    JSCharts3报表系统无logo无图标

    3. **饼状图(Pie Charts)**:用来显示各部分占总体的比例,常用于市场份额、人口比例等分析。 这些图表都有2D和3D两种形式,为用户提供更直观、更具视觉吸引力的数据呈现方式。 **二、特性与优势** 1. **鼠标...

    在React 组件中使用Echarts的示例代码

    Echarts 是一个功能强大且灵活的数据可视化库,它提供了多种类型的图表,包括柱状图、折线图、饼状图等。下面将详细介绍在 React 组件中使用 Echarts 的示例代码。 安装 Echarts 在使用 Echarts 之前,需要先安装 ...

    精通JS脚本之ExtJS框架.part2.rar

    14.4.3 饼状图 14.4.4 柱状栈图 第15章 调试JavaScript与HTML 15.1 Firebug的基本使用 15.1.1 开启或关闭Firebug 15.1.2 控制台 15.2 Firebug的应用 15.2.1 源代码调试 15.2.2 CSS调试 15.2.3 脚本调试 ...

    精通JS脚本之ExtJS框架.part1.rar

    14.4.3 饼状图 14.4.4 柱状栈图 第15章 调试JavaScript与HTML 15.1 Firebug的基本使用 15.1.1 开启或关闭Firebug 15.1.2 控制台 15.2 Firebug的应用 15.2.1 源代码调试 15.2.2 CSS调试 15.2.3 脚本调试 ...

Global site tag (gtag.js) - Google Analytics