博客首页 → highcharts

最新文章列表

Highcharts和Highstock实例(包括折线图，饼图，柱状图)

1. highcharts实例代码，其中导出功能没有配置本地化，用的是官方导出接口。 <html>    <head>        <title>highcharts报表示例</title>        <meta http-equiv="Content-Type" content="text/html; ...
highchartshighstock 
中国凉茶 评论(0) 有16130人浏览 2013-01-24 15:35

用highcharts插件画动态饼图的实例

【dunhuangmi原创，转载注明】 highcharts（http://www.highcharts.com/）是一款功能强大的绘图插件，基于VML和SVG开发，基本可以能兼容所有的浏览器。在它基础上可以开发柱状图、折线图、饼图等各种统计图表，并且效果绚丽。 本文只是一个简单的应用示例，希望可以帮助大家缩短学习highcharts的时间。 项目需求是实现如下效果的统计饼图，鼠标 ...
XHTMLJavaScript饼图highcharts 
dunhuangmi 评论(0) 有7181人浏览 2013-01-09 15:38

Highcharts小问题集合

柱状图： 1.两个数值相差较大时或值为零时显示默认像素高度的柱 plotOptions:{ series:{ minPointLength:3 } } 2.使用两边的刻度显示 xAxis: { endOnTick: true, showLastLabel: true, startOnTick: true }
highchartsjsjson 
sindy2snow 评论(0) 有1270人浏览 2012-12-06 17:59

图表工具FusionCharts Amcharts Highcharts jscharts

以前做图表，首先想到的就是JFreeChart，如今再看JFreechart出来的图效果相当不理想，不能交互，颜色单一，体验不好。   如今的图表组件都用js实现，轻量、易实现、操纵简单。     FusionCharts是flash图表，要用到asp或asp.net，功能强大，漂亮，收费   Amcharts是Flash图表，你可以免费使用在你的网站和基于网络的产品（非开源），商业 ...
FusionChartsAmchartsHighchartsjschartsjfreechart 
guooo 评论(0) 有2307人浏览 2012-11-24 13:56

highcharts：组合图，生成可以点击的横坐标

1.生成可以点击的横坐标主要的chart代码： xAxis: { categories: [ '一月', '二月', '三月', '四月', '五月', '六月', ], labels: {//生成可以点击的<a>横坐标 formatter: function() { //this.value的值是：一月或其他的横坐标（当前点击的横 ...
highcharts 
xia562653223 评论(0) 有3026人浏览 2012-09-05 11:25

rails3使用highcharts

环境：ruby 1.9.3p0， rails3.2.6   1.到官方网站下载highcharts.js http://www.highcharts.com/download, 下载之后解压缩，将js/highcharts.js拷贝到assets/javascript目录下，然后在application.js文件中引用，//= require highcharts   2.在index界面( ...
highcharts 
michael_roshen 评论(0) 有1560人浏览 2012-09-02 17:19

highcharts 页面导出按钮汉化

      在使用highcharts作为web图表的显示插件时，因为highcharts是老外开发的，所以按钮内容当然也是英文了。 不过，highcharts 的api也为我们汉化提供了汉化的属性设置， highcharts lang属性就是设置这些按钮汉化的地方 lang: { decimalPoint: "." downloadJPEG: &qu ...
报表highcharts汉化 
ihibernate 评论(0) 有12545人浏览 2012-09-01 00:26

jquery 图表插件highcharts & highstock

 Highcharts是纯JavaScript编写的图表库,提供了直观的、交互式图表,您的web站点或web应用程序。Highcharts目前支持线,花键、面积、areaspline、柱、栏、馅饼和散射图表类型。  Highstock允许您创建股票或一般的时间表图表在纯JavaScript,包括复杂的导航选项就像一个小导航仪系列,预定日期范围、日期选择器、滚动和淘金。     Read ...
jquery 图表插件jqueryjshighcharts 
chen_miao 评论(0) 有11164人浏览 2012-08-23 14:43

Highcharts js图表实例

前台显示 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%@ page language="java" contentType="text/html; ...
Highchartsjavascriptjquery 
showlike 评论(0) 有5409人浏览 2012-08-16 18:18

Highcharts js图表使用

资料 Highcharts官方网址： http://www.highcharts.com/ Highcharts官方文档网址：http://www.highcharts.com/demo/ 线性图表基础实例参数说明 var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { ...
HighchartsJavaScriptjqury 
showlike 评论(0) 有7070人浏览 2012-08-16 16:44

highcharts

      最近项目所需画图，觉得highcharts插件是引用纯js构造，如何从后台取值传到前端页面展示。项目框架：spring mvc 如下所示:(曲线图)   在servlet-context.xml中需配置将对象转化成json格式的数据转化到前端页面展示： <bean class="org.springframework.web.servlet.mvc.a ...
highcharts 
zhanghong2q 评论(1) 有1750人浏览 2012-07-20 17:55

控制highCharts中坐标轴的起始刻度

HighCharts的设定挺多的，用到了哪个就记下来，这次是关于坐标轴的起始值的问题。 下面的代码演示了如何固定坐标轴的起始值。 $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container' } ...
highcharts坐标轴起始值 
tjmljw 评论(2) 有19679人浏览 2012-07-19 17:37

WEB开发中的图表展示方法

最近的项目中有一个功能点，要求对各种指标数据通过图表的方式展示出来，前段的展示涉及到浏览器，IOS和ANDROID平台。翻看了网上关于图表的相关资 ...
图表jfreecharthighcharts 
njwander 评论(1) 有2403人浏览 2012-07-19 00:42

处理highcharts导出图片出现中文乱码的问题

      使用highcharts的时候，在导出图片的时候发现中文乱码，下面是对于这种问题的处理方法，与大家共享： (1)首先需要下载pdf-transcoder.jar和batik.jar,xml-apis-ext-1.3.04.jar将其引入到工程中 (2)然后需要新建一个servlet,这个servlet是用来导出图片的，servlet里面具体的代码可以在网上找到，直接拷贝 ...
servlethighchartsbatiktranscoder 
ihibernate 评论(7) 有7954人浏览 2012-07-12 15:10

用form-data格式传数据，后台servlet的httpservletrequest无法获得值

在用highcharts报表插件时，用自己写的servlet生成图片，始终不能获得传输到后台的值，highcharts会传四个值到servlet，分别为width，type，svg，filename； 刚开始用request.getParameter("type");request.getParameter("svg"); 获取传递过来的值，结果值为null ...
highchartsservletrequest 
klq 评论(0) 有5461人浏览 2012-06-28 15:40

highcharts 高级应用—动态饼图的实现

如果你已经看了前面的关于曲线和柱状图的实现，饼图你看看效果和代码就行了！   动态柱状图实现   动态曲线实现   效果如下：     直接运行该JSP，你会看到效果，代码如下： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
highchartsjs绘图动态绘图javascriptjquery 
cuisuqiang 评论(8) 有15682人浏览 2012-06-08 15:16

highcharts 高级应用—动态柱状图的实现

废话不再多说！   实现一个柱状图，这个柱状图的高度在不停的刷新，效果如下：   官网是没有动态刷新的示例的，由于需要我查看了其源码，并根据之前示例做出了动态柱状图的效果，希望对同学们有用！   看一下代码： <%@ page language="java" import="java.util.*" pageEncoding=&quo ...
highchartsjs绘图动态绘图javascriptjquery 
cuisuqiang 评论(2) 有13435人浏览 2012-06-08 15:10

highcharts 高级应用—动态曲线的实现

第一次写那就来电简介吧，虽然都是废话：       Highcharts是一个制作图表的纯Javascript类库，　 　　主要特性如下： 　　兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等； 　　对个人用户完全免费； 　　纯JS，无BS； 　　支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图； 　　跨语言：不管是PHP、.net还是J ...
highchartsjs绘图动态绘图javascriptjquery 
cuisuqiang 评论(0) 有28272人浏览 2012-06-08 14:59

控制Highcharts中x轴和y轴坐标值的密度

绘制小一点的Highcharts图表的时候，因为图表太小了，坐标轴上的刻度值显示不出来怎么办捏，只要把yAxis或者xAxis中的tickPixelInterval设小一点就ok了。这个属性表示区域内坐标刻度之间的间隔距离，单位是像素，y轴默认值72，x轴默认值100。 chart = new Highcharts.Chart({ chart:{ ... ...
highchartstickpixelinterval 
tjmljw 评论(0) 有29193人浏览 2012-05-30 15:36

highcharts的导出功能

package cn.com.songjy.servlet; import java.io.IOException; import java.io.StringReader; import javax.servlet.ServletException; import javax.servlet.ServletOutputStream; import javax.servlet.ht ...
highchartsexport 
宋建勇 评论(0) 有3798人浏览 2012-05-02 11:31

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics