本月博客排行
-
第1名
bosschen -
第2名
lerf -
第3名
paulwong - fantaxy025025
- johnsmith9th
- zysnba
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- e_e
- gengyun12
- benladeng5225
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- zxq_2017
- nychen2000
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- zhanjia
- Xeden
- java-007
- 喧嚣求静
- kingwell.leng
- mwhgJava
最新文章列表
Jqplot之折线图
timeseriesChart.html
<script type="text/javascript" src="jslib/jquery.min.js"></script>
<script type="text/javascript" src="jslib/excanvas.min.js ...
jqplot图表插件
jqplot是基于jQuery的一款客户端画图插件。
http://www.jqplot.com/index.php (jqplot的官方网址)
这个插件只能画一些基本图形,并且数据结构比较复杂,笔者这里并不建议在项目中使用。
例子如下:
<!doctype html>
<html lang="en">
<head>
& ...
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 ...
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.
只以 ...
对jqplot的CategoryAxisRenderer插件进行扩展,底部Tick在鼠标在上时浮动显示名称。
在前一篇文章中介绍了如何让jqplot的柱形图tick下标出现省略号,参考:
《对jqplot的CategoryAxisRenderer插件进行扩展,让文字出现省略号》
http://xianbin.iteye.com/blog/1701667
下面介绍如何扩展jqplot,让其实现鼠标移动到下标tick的时候出现浮动提示框,显示完整的tick名称。
文件命名为:jqplot.categoryA ...
jqPlot 图形报表插件柱状图(jquery)
摘自http://hi.baidu.com/hemes1314/item/99ac8bd41093dfcc1b72b404
jqplot默认制作曲线图,如果想做柱状图,必须引入plugin包中的插件js:
一、几个简单柱状图实例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"& ...
[转]jqPlot的Option配置对象详解
jqPlot的Option配置对象详解
如果看过本文姊妹篇《jqPlot——基于jquery的图表绘制工具》的朋友,应该知道jqPlot大致的操作方法;如果还是不太清楚的话,可以参考jqPlot官方网站的使用方法介绍。这里主要介绍jqPlot中核心部分——Option配置对象。同时,也会对jqplot的各个渲染器做个简单介绍。 这里主要是参考jqPlot官方网站关于Option的介绍并结 ...
对jqplot的CategoryAxisRenderer插件进行扩展,让文字出现省略号
喜欢用jqplot的朋友一定碰到图形下标文字很长,会出现相互之间重叠的情况,如下图所示:
这是时候,我们就必须在显示底部文字的时候进行处理,比如限定文字的长度等,如:今年收入增...
下面给出扩展的源码:
jqplot.categoryAxisRenderer.extend.js
/**
* 本扩展插件是对jqplot插件jqplot.categoryAxisRenderer的扩展,主 ...
jqplot 实用技巧——重绘
技巧一:
当浏览器窗体大小改变时:
$('#resizable1').bind('resize', function(event, ui) {
plot1.replot( { resetAxes: true } );
});
技巧二:
重新加载数据进行重绘时:
chartObj.series[0].data = [[0, 4], [1, 7], [2, 3]];
char ...
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 ...