最新文章列表

web报表插件

1.Flotr2      Flotr2 是个独立框架库,支持HTML5图表和图形。它是 flotr 的一个分支版本,移除了 Prototype 依赖性,并且有很多改进。支持:线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老浏览器也支持。 2.jqplot     jqplot是一款非常不错的基于jquery的图表插件,这篇文章主要帮助大家整理了jqplot的中文使用说明和在线示例及源码下载 ...
sun_0755 评论(0) 有639人浏览 2015-06-11 21:57

图形化工具jqplot使用梳理1--多数据及差集的重绘

jqPlot是一款生成简易前端图形的纯js的jquery插件,能生成折线图、饼状图、柱状图及复合图形。依赖于jquery-version.js库文件。应用引用相应的文件<link ...
跃笔书辉 评论(0) 有692人浏览 2015-03-25 09:53

图形化工具jqplot使用梳理4-多折线及多坐标轴处理

 多折线图及多坐标轴实例应用 var plot1 = $.jqplot('chart', [line2,line1], { //集合的数量          title:'${title}',      series:[                 {//和集合的数据保存一致,否则会默认初始化                lineWidth: .5, //指定折线的宽度           ...
跃笔书辉 评论(0) 有649人浏览 2015-03-25 09:52

Jqplot之柱状图

barChart.html   <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&quo ...
antlove 评论(0) 有991人浏览 2014-09-15 21:56

Jqplot之折线图

timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js ...
antlove 评论(0) 有1478人浏览 2014-09-15 21:37

jqplot图表插件

jqplot是基于jQuery的一款客户端画图插件。 http://www.jqplot.com/index.php   (jqplot的官方网址) 这个插件只能画一些基本图形,并且数据结构比较复杂,笔者这里并不建议在项目中使用。 例子如下: <!doctype html> <html lang="en"> <head> & ...
shihuan830619 评论(0) 有1342人浏览 2014-07-23 09:46

jqplot的问题

1.jqplot在IE 8下如果使用 tickRenderer: $.jqplot.CanvasAxisTickRenderer, 则无法显示中文。 如果使用: tickRenderer: $.jqplot.CanvasAxisRenderer, 则无法旋转文字。
gutianyu 评论(0) 有493人浏览 2014-05-22 15:26

axis ticks with thousands separators in jqplot

jqPlot http://www.jqplot.com/   Display large numbers with thousands separators, e.g. (1234567 => "1,234,567").   Use the "'" (that's a single quote , ') format specifier to ...
sunjing 评论(0) 有2504人浏览 2014-01-03 23:01

jqplot 饼图显示多个值的方法

客气要求显示的时候要显示百分比和数量两个值。api是这样写的 dataLabels this.dataLabels = 'percent' Either ‘label’, ‘value’, ‘percent’ or an array of labels to place on the pie slices.  Defaults to percentage of each pie slice. 只以 ...
ligangbin117 评论(0) 有1561人浏览 2013-01-30 09:52

对jqplot的CategoryAxisRenderer插件进行扩展,底部Tick在鼠标在上时浮动显示名称。

在前一篇文章中介绍了如何让jqplot的柱形图tick下标出现省略号,参考: 《对jqplot的CategoryAxisRenderer插件进行扩展,让文字出现省略号》 http://xianbin.iteye.com/blog/1701667 下面介绍如何扩展jqplot,让其实现鼠标移动到下标tick的时候出现浮动提示框,显示完整的tick名称。 文件命名为:jqplot.categoryA ...
xianbin 评论(0) 有3479人浏览 2012-11-30 09:04

jqPlot 图形报表插件柱状图(jquery)

  摘自http://hi.baidu.com/hemes1314/item/99ac8bd41093dfcc1b72b404 jqplot默认制作曲线图,如果想做柱状图,必须引入plugin包中的插件js: 一、几个简单柱状图实例:   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"& ...
wohenshuaiba 评论(0) 有4538人浏览 2012-10-29 20:16

[转]jqPlot的Option配置对象详解

jqPlot的Option配置对象详解 如果看过本文姊妹篇《jqPlot——基于jquery的图表绘制工具》的朋友,应该知道jqPlot大致的操作方法;如果还是不太清楚的话,可以参考jqPlot官方网站的使用方法介绍。这里主要介绍jqPlot中核心部分——Option配置对象。同时,也会对jqplot的各个渲染器做个简单介绍。 这里主要是参考jqPlot官方网站关于Option的介绍并结 ...
liuhd2010 评论(0) 有1299人浏览 2012-10-29 19:14

对jqplot的CategoryAxisRenderer插件进行扩展,让文字出现省略号

喜欢用jqplot的朋友一定碰到图形下标文字很长,会出现相互之间重叠的情况,如下图所示: 这是时候,我们就必须在显示底部文字的时候进行处理,比如限定文字的长度等,如:今年收入增... 下面给出扩展的源码: jqplot.categoryAxisRenderer.extend.js /** * 本扩展插件是对jqplot插件jqplot.categoryAxisRenderer的扩展,主 ...
xianbin 评论(0) 有2972人浏览 2012-10-19 15:45

jqplot 实用技巧——重绘

技巧一: 当浏览器窗体大小改变时: $('#resizable1').bind('resize', function(event, ui) { plot1.replot( { resetAxes: true } ); }); 技巧二: 重新加载数据进行重绘时: chartObj.series[0].data = [[0, 4], [1, 7], [2, 3]]; char ...
xianbin 评论(0) 有4383人浏览 2012-09-18 08:46

jqPlot 实现动态显示数据,防止内存溢出的实现。

jqPlot是一个十分强大、功能丰富的图表插件,能够显示走势图、柱形图等常用的图表类型,相信国内用的人很多。 大家在使用jqPlot动态更新图表时,也 ...
xianbin 评论(8) 有6578人浏览 2012-09-12 16:06

springMVC jqPlot ajax数据交互

数据库:mongoDB 框架:springMVC, Spring Data Web前端:JQuery, JQuery EasyUI, jqPlot   jqPlot代码: $(function() { var tab = $('#index_tabs div[name=realtime_sgt].easyui-tabs').tabs( 'getSelected'); va ...
心尘如梦 评论(1) 有3493人浏览 2012-05-18 13:32

最近博客热门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