(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. python读取文本、配对、插入数据脚本

    #在工作中遇见了一个处理数据的问题,纠结了很久,写下记录一下.#-*- coding:UTF-8 -*- #-*- author:ytxu -*- import codecs, os, sys, pl ...

  2. SSIS 学习(3):数据流任务(下)【转】

    前一篇文章SSIS 学习(2):数据流任务(上), 介绍了如何创建一个简单的ETL包,如何通过一个简单的数据流任务,将一个文本文件的数据导入到数据库中去.这些数据都保持了它原有的本色,一个字符不 多, ...

  3. 故事板 — 视图切换(segue)与传值

    1.传值问题:为什么不能给控件的接口赋值 如执行Segue跳转 [self performSegueWithIdentifier:GAPlayeVideo sender:gaVideo]; //在跳转 ...

  4. python(1) -文件操作

    很多时候我们需要对文件进行一些操作,比如读取并分析日志文件,写入日志文件等等.显然python也内置了对文件进行操作的函数. 读文件: >>> f = open('a.log','r ...

  5. JavaScript中常用函数(入门级)(持续更新)

    本文中枫竹梦介绍一些JavaScript中入门级的常用函数,对于已经过了入门的童鞋可选择略过,都是一些非常实用的函数.如果发现什么问题,欢迎讨论. 问题列表 Q1: 设计一个函数repeatIt(st ...

  6. iaas,paas,saas理解

    IaaS.PaaS.SaaS多次看到这几个单词,今天仔细看看来, ​这几个词和云计算相关:1,iaaS,Hardware-as-a-Service,信息,硬件服务,服务器,存储和网络硬件,网络存储,带 ...

  7. logstash jdbc 各种数据库配置

    MySQL数据库 Driver ="path/to/jdbc-drivers/mysql-connector-java-5.1.35-bin.jar"   //驱动程序Class ...

  8. centos6.4搭建lnmp服务(转载)

    1.配置防火墙,开启80端口.3306端口vi /etc/sysconfig/iptables-A INPUT -m state --state NEW -m tcp -p tcp --dport 8 ...

  9. hdu 4000 树状数组

    思路:找出所有 a<b<c||a<c<b的情况,在找出所有的a<b<c的情况.他们相减剩下就是a<c<b的情况了. #include<iostre ...

  10. IOS下视频监控项目总结

    一.项目说明 二.技术点 1.数据缓存 2.storyboard的使用 3.h264码流数据的解码 4.UDP通讯 三.解决方案 四.总结 五.相关资料