- 浏览: 76546 次
- 来自: 北京
文章分类
最新评论
-
lifei2199:
[*]
解决session超时跳转首页,跳出frameset -
ITCheng:
<table id="errorLogTabl ...
Jsp导出Excel -
ITCheng:
<div class="quote_title ...
HighChart -
dingding5060:
这个插件商用要付费吗?不需要调用什么google api吧
HighChart -
ITCheng:
wanxkl 写道不错 用了 thangks
呵呵 多多交流 ...
java生成PDF格式文件并且加密
--------单个柱状
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example</title> <!-- 1. Add these JavaScript inclusions in the head of your page --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <!-- 1a) Optional: add a theme file --> <!-- <script type="text/javascript" src="../js/themes/gray.js"></script> --> <!-- 1b) Optional: the exporting module --> <script type="text/javascript" src="js/modules/exporting.js"></script> <!-- 2. Add the JavaScript to initialize the chart on document ready --> <script type="text/javascript"> var datastr = "<c:forEach items='${listDetail}' var='l'>${l.score},</c:forEach>"; datastr = "[" + datastr.substring(0, datastr.length - 1) + "]"; var datas = eval(datastr); var datastrs = "<c:forEach items='${listDetail}' var='l'>'${l.subject}',</c:forEach>"; datastrs = "[" + datastrs.substring(0, datastrs.length - 1) + "]"; var data = eval(datastrs); var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', defaultSeriesType: 'column', margin: [ 50, 50, 100, 80] }, title: { text: 'Inverter Station' }, xAxis: { categories: data, labels: { rotation: -45, align: 'right', style: { font: 'normal 13px Verdana, sans-serif' } } }, yAxis: { min: 0, title: { text: 'Population (millions)' } }, legend: { enabled: false }, tooltip: { formatter: function() { return '<b>'+ this.x +'</b><br/>'+ 'Station 2011: '+ Highcharts.numberFormat(this.y, 1) + ' millions'; } }, series: [{ name: 'Population', data: datas, dataLabels: { enabled: true, rotation: -90, color: '#FFFFFF', align: 'right', x: -3, y: 10, formatter: function() { return this.y; }, style: { font: 'normal 13px Verdana, sans-serif' } } }] }); }); </script> </head> <body> <!-- 3. Add the container --> <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div> </body> </html>
---------多个柱状
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Highcharts Example</title> <!-- 1. Add these JavaScript inclusions in the head of your page --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <!-- 1a) Optional: add a theme file --> <!-- <script type="text/javascript" src="../js/themes/gray.js"></script> --> <!-- 1b) Optional: the exporting module --> <script type="text/javascript" src="js/modules/exporting.js"></script> <!-- 2. Add the JavaScript to initialize the chart on document ready --> <script type="text/javascript"> var str = "<c:forEach items='${listDetail}' var='list' >{name:'${list.subject}',"+ "data:[<c:forEach items='${listDetail}' var='listScore'>${list.score },</c:forEach>]},</c:forEach>"; str="["+str.substring(0, str.length-1)+"]"; var data = eval(str); var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', defaultSeriesType: 'column' }, title: { text: 'Monthly Average Rainfall' }, subtitle: { text: 'Source: WorldClimate.com' }, xAxis: { categories: [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ] }, yAxis: { min: 0, title: { text: 'Rainfall (mm)' } }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -10, y: 100, borderWidth: 0 }, tooltip: { formatter: function() { return ''+ this.x +': '+ this.y +' mm'; } }, plotOptions: { column: { pointPadding: 0.2, borderWidth: 0 } }, series:data }); }); </script> </head> <body> <!-- 3. Add the container --> <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div> </body> </html>
评论
2 楼
ITCheng
2012-02-14
dingding5060 写道
这个插件商用要付费吗?
不需要调用什么google api吧
不需要调用什么google api吧
免费开源的
1 楼
dingding5060
2012-02-11
这个插件商用要付费吗?
不需要调用什么google api吧
不需要调用什么google api吧
发表评论
-
Javascript加载执行问题探索
2013-04-20 19:12 807一: 原始情况首先大 ... -
Tomcat 在IE中下载rar文件直接以乱码体式格式打开解决规划
2012-09-27 17:32 1313这几天一向很纳闷,在Tomcat安排的网站中的下载文件中,若是 ... -
下拉列表默认选中
2012-09-11 16:41 1017<select id="sel" n ... -
iframe自适应高度
2012-08-14 16:28 846js //ifame自适应高度,被包含的页面, ... -
Open-Flash-Chart使用说明
2012-04-27 14:03 1194一些参数设置: 坐标线状图、柱状图(参数用','进行分隔) ... -
JS控制按钮弹出DIV压暗背景
2012-04-19 14:53 943<!DOCTYPE html PUBLIC " ... -
竖型菜单导航 li选中变色
2012-04-17 18:00 1595<!DOCTYPE html PUBLIC " ... -
HTML屏蔽回车提交功能
2012-04-16 14:55 1361屏蔽页面上的回车键,不让其自动提交 <head> ... -
解决session超时跳转首页,跳出frameset
2012-04-11 15:06 2724在iframe框架开发的网站中,如果在struts2中配制了s ... -
Jsp导出Excel
2012-04-10 16:33 1088<div style="width:80% ; ... -
foreach循环遍历表格,一行2个
2012-03-28 16:24 2200<%@ page language="java ... -
HighChat 第二种写法
2012-03-26 15:39 997public String monthData() { ... -
Jsp页面日期格式化
2012-03-20 15:21 711<%@ taglib prefix="s&qu ... -
Jsp中下拉列表
2012-02-14 19:46 949js中 function selectInverter ... -
js页面添加替换
2012-02-03 14:11 710var index = 0; function addin ... -
Jsp页面禁止缓存
2011-12-12 14:22 879-----禁止缓存,这是在Servlet中 //禁止页面 ... -
SmartUpload上传组件
2011-07-11 15:21 864要使得文件上载能够成功: 注意一: · INPUT ...
相关推荐
在本项目"matlab开发-HighChart"中,我们将重点探讨如何利用MATLAB与HighChart结合,创建动态和交互式的图表。HighChart是一个强大的JavaScript库,用于构建高质量的网页图表,其在数据可视化方面表现卓越,尤其适用...
HighChart是一款广泛应用于Web开发中的数据可视化库,它以其丰富的图表类型、良好的交互性和美观的样式赢得了开发者们的喜爱。在本文中,我们将深入探讨HighChart控件的核心特性、使用方法以及如何结合源码进行定制...
HighChart API 是一款强大的JavaScript图表库,用于在Web页面上创建动态、交互式的图表和图形。这个API提供了丰富的选项和功能,使得开发者可以定制各种类型的图表,如柱状图、折线图、饼图、散点图等。下面将详细...
"Highchart 3 离线 API 完整版"是Highcharts的第三个主要版本的离线文档和资源包,它包含了所有关于Highcharts 3的API接口、方法、配置选项以及示例代码,方便开发者在无网络环境下查阅和学习。 在Highcharts 3中,...
HighChart是一款强大的JavaScript图表库,用于在Web页面上创建各种互动式图表,包括曲线图。在Web开发中,数据可视化是至关重要的,HighChart凭借其丰富的功能和易用性,深受开发者喜爱。以下是对"HighChart曲线图...
这个压缩包文件的标题“highchart(api)”显然与Highcharts的API使用有关,可能包含了一些关于如何利用Highcharts API来绘制图表的示例或教程。 Highcharts的核心功能包括折线图、柱状图、饼图、散点图等多种图表...
在"Highchart Demo"这个实例中,我们将深入探讨如何利用Highcharts来制作各种类型的图表,以及相关的JavaScript配置和数据接收格式。 首先,Highcharts支持多种图表类型,如折线图、柱状图、饼图、散点图、面积图等...
在"highChart后台动态获取数据"这个主题中,我们主要探讨如何利用HighCharts结合后端数据来创建动态图表。 1. **HighCharts基本结构与配置** HighCharts的基本结构包括一个HTML容器元素和JavaScript代码,用于初始...
bootstrap+EasyUI+highchart中文参考手册,本人是后端开发,对前端不是很熟悉,所以在做项目的时候采用了这三个技术,因为是框架所以用起来开发前端很方便,果断选择,后端程序员也能开发出漂亮的前端页面了
在这个名为"highchart.rar"的压缩包中,我们很显然会找到与Highcharts相关的代码示例,尤其是关于如何实现Y轴双数据的设置。 在Web开发中,数据可视化是一个至关重要的环节,它能够帮助用户更好地理解复杂的数据...
这个"highchart c# demo"示例将指导我们如何在C#后端生成数据,并通过JavaScript在前端展示。 首先,我们需要理解Highcharts的基本结构。Highcharts的核心是HTML5 `<div>`标签,我们在这个标签内插入JavaScript代码...
Highcharts是一款强大的JavaScript图表库,用于在Web页面上创建各种数据可视化效果,如柱状图、折线图、饼图等。它具有丰富的定制选项,能够满足开发者在数据展示方面的各种需求。以下是对Highcharts的一些关键知识...
HighChart是一款基于JavaScript的开源图表库,用于在Web应用程序中创建高质量、互动式的图表。它在数据可视化领域具有广泛的应用,尤其在Web开发中深受喜爱。3.0.2是HighChart的一个版本,该版本提供了丰富的图表...
### Highcharts中文帮助文档知识点详解 #### Chart图表区选项 Highcharts是一款强大的JavaScript图表库,其图表区选项允许用户精细调整图表的外观和行为。以下是一些关键的配置项: - **backgroundColor**: 设置...
highchart的一个例子
highchart源码
Highcharts是一款功能强大的JavaScript图表库,它用于在Web页面上创建高质量、交互式的图表。这款开源工具使用SVG(Scalable Vector Graphics)技术,同时也支持IE8及以下版本的VML渲染,确保在各种浏览器上都能良好...
在这个"多个highchart带翻页Demo"中,我们将探讨如何利用Highcharts来构建一个包含多张图表并具有翻页功能的示例。 首先,我们需要了解Highcharts的基本用法。Highcharts的核心是`Highcharts.Chart`对象,通过这个...