(1)在com_collect组件中采用的是ajax获取json类型的值。[http://www.jqplot.com/tests/data-renderers.php]这上边有实例。

(2)在jqplot中由于X轴上的文字密集,最开始想到的是给文字设置一个倾斜角度,angle = 30,可是发现我的字体还是密密麻麻的,没有变化,后来我在查找问题时发现可以设置x轴每个坐标的宽度,即设置 .jqplot-xaxis-tick的宽度,设置之后还是不行,文字超出了div的边界显示,最后给div设置了css属性:white-space:normal,(当文字超出div边界就换行)才可以使文字竖直显示。
(3) 在com_repairreport组件中采用的是ajax获取json类型的值。[http://www.jqplot.com/tests/data-renderers.php]这上边有实例。基本思路是用ajax获取json类型的数值,传递到$jqplot('target','data','option')中的data值即可。

(4) 在jqplot中由于X轴上的文字密集,最开始想到的是给文字设置一个倾斜角度,angle = 30,可是发现我的字体还是密密麻麻的,没有变化,后来我在查找问题时发现可以设置x轴每个坐标的宽度,即设置 .jqplot-xaxis-tick的宽度,设置之后还是不行,文字超出了div的边界显示,最后给div设置了css属性:white-space:normal,(当文字超出div边界就换行)才可以使文字竖直显示。但是当X轴的值为日期时发现还是没有办法正常显示,后来又添加了代码word-break: break-all;word-wrap: break-word;强制换行。

(5)jqplot的折线图rendererOption不需要加载渲染器,对于饼状图则需要加载renderer: $.jqplot.PieRenderer,对于柱状图邪恶需要加载renderer: $.jqplot.PieRenderer,

(6) 在一个图表中显示多条曲线的问题,由于我采用的data都是json类型的数值,当有多条曲线时,我采用ajax传递的值时一个含有多层嵌套的json数组的值,通过访问$.jqplot('chart1',[ret[0],ret[1],ret[2],ret[3]],{})来显示多条曲线,在显示多条曲线时候采用legend:{show:true,location:'ne'},series: [{label: '总报修次数'}, {label: '家属区报修次数'}, {label: '学生区报修次数'}, {label: '办公区报修次数'}],设置每一条曲线代表的含义。

(7)设置柱状图旋转90度,我设置的时候,只需把xaxis,yaxis与正常显示是互换位置即可,同时利用ajax获取的值也要进行同样的呼唤。

有与jqplot的特点是柱状图无法显示具体数据值,饼状图无法显示具体百分比,因此在饼状图中我显示百分比时采用的方法是把值传递到json数组中的名称中
(我写的joomla组件整理的知识,http://wiki.stdu.edu.cn/index.php/Ym_joomla%E7%BB%84%E4%BB%B6

Jqplot在joomla组件中的应用的更多相关文章

  1. vue.js 1中父组件跳到子组件中并传参让子组件显示不同的内容

    父组件中的点击跳转: <ul class="insurance-entry clearfloat"> <li v-link="{name:'produc ...

  2. storm-kafka组件中KafkaOffsetMetric相关统计指标说明

    storm-kafka组件中KafkaOffsetMetric相关统计指标说明 storm-kafka是storm提供的一个读取kakfa的组件,用于从kafka队列中消费数据.KafkaOffset ...

  3. react 不能往组件中传入属性的值为 undefined

    在使用 andt design 的时候遇到个需求,需要清除 Select 组件选中后的值,让它变成什么都没选中,显示 placeholder 刚开始以为设置为 null 即可,结果发现设置为 null ...

  4. 在 Java EE 组件中使用 Camel Routes

    摘要:你可以通过集成 Camel 和 WildFly 应用服务器(使用 WildFly-Camel 子系统)在 Java EE 组件中开始使用 Apache Camel Routes. [编者按]作者 ...

  5. Qt组件中的双缓冲无闪烁绘图

      双缓冲绘图在Qt4中,所有的窗口部件默认都使用双缓冲进行绘图.使用双缓冲,可以减轻绘制的闪烁感.在有些情况下,用户要关闭双缓冲,自己管理绘图.下面的语句设置了窗口部件的Qt::WA_PaintOn ...

  6. Android(java)学习笔记186:对ListView等列表组件中数据进行增、删、改操作

    1.ListView介绍 解决大量的相似的数据显示问题 采用了MVC模式: M: model (数据模型) V:  view  (显示的视图) C: controller 控制器 入门案例: acit ...

  7. 如何在SSIS的脚本组件中访问变量

    原文:如何在SSIS的脚本组件中访问变量 这是一个小问题,我们在SSIS的设计中很多地方都会用到变量,我习惯性地将"变量"和"表达式"称为SSIS的灵魂,虽然不 ...

  8. vue组件之间的通信以及如何在父组件中调用子组件的方法和属性

    在Vue中组件实例之间的作用域是孤立的,以为不能直接在子组件上引用父组件的数据,同时父组件也不能直接使用子组件的数据 一.父组件利用props往子组件传输数据 父组件: <div> < ...

  9. 你真的知道组件中的v-model吗?

    v-model的神奇 html <div id="app"> <input v-model="poin"> {{ poin }} < ...

随机推荐

  1. 关于“学习Linux用什么系统”的解答

    首先,阐述一下,我个人的观点——这个问题我曾经也想了很久了,这绝不是长篇大论后就是简单一句,适合你的就是最好的.其实,很多人看到这一句,心里已经有成千上万个奔腾了(至少我当时是这样的),为什么?因为我 ...

  2. Collections.synchronizedMap 详解

    众所周知,HashMap 本身非线程安全的,但是当使用 Collections.synchronizedMap(new HashMap()) 进行包装后就返回一个线程安全的Map. 怎么实现的呢?今天 ...

  3. css笔记14:css文件之间可以相互引用

    css文件之间相互引用是通过@import指令完成的 格式: @import  url("被引用的css文件"); 顺便说一句,如果希望在html或者php文件中引用某个xxx.c ...

  4. scrollerView 轮番图

    scrollView 写在了一个 view 的里面,需要用的时候可以直接拿来用,很方便 // // TopScrollView.h // TabBar框架 // // Created by 叶炯 on ...

  5. jquery ajax 后台和前台数据交互 C#

    <input type="button" id="updateInfo" value="更改货载重量" /> <div i ...

  6. [转]利用vertical-align:middle实现在整个页面居中

    本文转自:http://www.cnblogs.com/xueming/archive/2012/03/21/VerticalAlign.html 如果想让一个div或一张图片相对于整个页面居中,用v ...

  7. [改善Java代码]不推荐覆写start方法

    多线程比较简单的方式是继承Thread类,然后覆写run()方法,在客户端程序中通过调用对象的start方法即可启动一个线程,这个是多线程程序的标准写法. 错误代码: public class Cli ...

  8. Maven中settings.xml的配置项说明

    本文部分引用自:http://haohaoxuexi.iteye.com/blog/1827778 在Maven中提供了一个settings.xml文件来定义Maven的全局环境信息.这个文件会存在于 ...

  9. mysql 慢执行分析工具explain/desc

    一.如何操作 explain + 增删改查语句; 二. 输出格式 possible_keys  mysql在搜索表记录时可能使用哪个索引. key  实际使用的索引,如果没有索引被使用,则为null. ...

  10. IP地址计算和划分

    一.      B类地址 范围从128-191(第一串8位二进制10000000~10111111),如172.168.1.1,第一和第二段号码为网络号码,剩下的2段号码为本地计算机的号码.转换为2进 ...