标签: jqplot
我试图得到一个简单的jqplot示例,但它不会显示,为什么不呢？
这是文件的全部内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jqPlot Examples</title>
<!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="../jqtouch-1_0_b/jqtouch/jquery.1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="../javascript/jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="../javascript/jquery.jqplot.css" />
</head>
<body>
<h1>jqPlot Examples</h1>
<script id="source" language="javascript" type="text/javascript">
$.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
</script>
div<br>
<div id="chartdiv" style="height:400px;width:300px; "></div>
div<br>
</body>
</html>
<html>
这是我在FF,chrome,IE中看到的:
jqPlot示例
DIV
DIV
我在Apache错误日志中看到没有错误.我知道所有.js文件都可以从html访问.有没有人知道为什么这可能不起作用？
推荐指数
解决办法
查看次数
jqplot:"this.proxy.getTime不是函数"/日期输入解析器？
我尝试使用jqplot绘制图形.所以我修改了这个例子以获得基于日期的图表.
目前我的代码是这样的:
var plot1 = $.jqplot('chartdiv', [[["2010-12-25.14:19:47",1],
["2010-11-25.14:19:47",2],
["2010-10-25.14:19:47",3]]], {
title: 'mytitle',
series: [{
label: 'my label',
neighborThreshold: -1
}],
axes: {
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
// min:'August 1, 2010 16:00:00',
tickInterval: '1 months',
tickOptions:{formatString:'%Y-%m-%d.%H:%M:%S'}
},
yaxis: {
tickOptions:{formatString:'$%.2f'}
}
},
cursor:{
show: true,
zoom:true,
showTooltip:false
}
});
但是我收到以下错误:
this.proxy.getTime is not a function
(function(w){var l;w.fn.emptyForce=fun...))?([nAscboxXuidfegpEGP])/g})(jQuery);
看起来,脚本通过解析日期格式会出现问题.但为什么？
谢谢,任何帮助.
//更新.. ups,我在写完这篇文章之后很快就找到了原因(并且经过1天的尝试和错误";-))所以我找到的原因产生了一个新问题:是否有任何jqplot选项,定义如何解析输入日期格式？
推荐指数
解决办法
查看次数
如何在jqPlot数据点标签上更改颜色
我有一个生成的图表jqPlot.数据点标签用于显示图表上的附加信息,如下例所示:http://www.jqplot.com/tests/point-labels.php
如您所见,数据点标签的颜色始终为黑色.但我想将数据点标签的颜色更改为与图形相同的颜色(顺便说一下:我不会谈论图例或刻度标签).
通过选项页面搜索(http://www.jqplot.com/docs/files/jqPlotOptions-txt.html)我发现没有更改此颜色的选项.
所以问题是:是否有(另一种)方法来改变数据点标签的颜色？
谢谢.
推荐指数
解决办法
查看次数
为什么我的jqPlot没有渲染画布？
我正在尝试使用jqPlot作为条形图,我无法让它显示任何内容.
我已经包含了jqPlot代码和所有插件.我没有收到任何错误
我直接复制了示例代码:
HTML:
<div id="jqplot" class="plot">
</div>
使用Javascript:
"use strict";
(function ($){
$.jqplot('jqplot', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
})(jQuery);
它将类'jqplot-target'添加到'jqplot'div中,因此javascript必须正常工作,但它没有向div添加画布/图表,它只显示一个带有添加类的空div.
任何想法为什么这不渲染？
我也在使用html5boilerplate,但我找不到其中两个已知问题.
谢谢,
托马斯
推荐指数
解决办法
查看次数
jqPlot - 标签和刻度文本重叠
我试图在Y轴上显示刻度和标签,但文本似乎在标签和刻度之间重叠:
知道如何将标签更多地移到左边吗？
推荐指数
解决办法
查看次数
jqPlot,Y轴Ticks的char名称
这是我第一个问自己关于stackoverflow的问题 - 这个网站已经帮了我很多次了.请理解:)
我有jqPlot的问题看起来很简单,但它似乎不是.
我想在Y轴(ticks)中给出静态字符名称.Y轴值来自Y轴上的实际高度.我想创建名称,如:值1,值2,值3,值4,值5 ...而不是(例如)1.5,3.0,4.5,7.0,100.0 ...
是否可以单独使用jqPlot配置.我不能看到这样的选项,但也许有一个,我会感到惭愧:).
预先感谢您的任何帮助.
(编辑)这是我使用的完整代码:
var plot2 = $.jqplot('chart2', [line_oczekiwana_srednia, line_sd_plus_1, line_sd_plus_2, line_sd_plus_3, line_sd_plus_4, line_sd_minus_1, line_sd_minus_2, line_sd_minus_3, line_sd_minus_4, line1, line_WEST4, ], {
animate: true,
title:'OLYMPUS LEVEL 1 0029 : Kontrola biochemii. Typ materia?u: Surowica',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{
formatString:'%#d-%m-%y %#H:%M',
angle: -30,
},
tickRenderer:$.jqplot.CanvasAxisTickRenderer,
label:'Zakres czasu kontroli',
labelOptions:{
fontFamily:'Helvetica',
fontSize: '14pt'
},
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
yaxis:{
numberTicks: 9,
ticks:[3.6284,3.6863,3.7442,3.8021,3.8600,3.9179,3.9758,4.0337,4.0916],
renderer:$.jqplot.LogAxisRenderer,
tickOptions:{
showGridline: false,
**formatString:'SDx:%.1f',**
labelPosition: 'middle',
angle:-0,
},
tickRenderer:$.jqplot.CanvasAxisTickRenderer,
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
labelOptions:{
fontFamily:'Helvetica',
fontSize: '14pt' …推荐指数
解决办法
查看次数
jqplot - 轴标签中的上标
正如标题所说,如何在jqplot图中将上标字体添加到轴标签中？
我尝试使用Javascript sup()函数以及轴的标题的实际html标签,但没有白费.
基本上我需要显示像m 3等单位.我是否需要修改AxisLabelRenderer或者是否有任何明显的解决方法我缺少？
谢谢.
推荐指数
解决办法
查看次数
jqplot:使用多个系列条将条与标签对齐
我无法将条形与标签对齐.这是因为我有多个系列.
我需要:
1)带有5个方框的条形图
2)每个盒子代表单独的项目,应该有单独的颜色
3)传说中应该有5个项目
4)条形图应与标签对齐(在最佳溶剂条形图中将是宽的)
我已经取得了前三名,但我无法取得第四名.
这是我有的:
var chartData = [
[['Portfolio Risk', 1]],
[['Model Risk', 4]],
[['Recovery Risk', 3]],
[['Capability Risk', 1]],
[['Forward flow risk', 5]]
];
var ticks = ['Portfolio Risk', 'Model Risk', 'Recovery Risk', 'Capability Risk', 'Forward flow risk'];
plot2 = $.jqplot('chart1', chartData, {
seriesColors: ['#85802b', '#00749F', '#73C774', '#C7754C', '#17BDB8'],
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
},
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
tickOptions: {
angle: 90
},
},
yaxis: {
tickOptions: { …推荐指数
解决办法
查看次数
自定义primefaces图表
我在我的项目中使用了primefaces的图表.
我知道是使用jqplot的primefaces图表.
在jqplot的网站上存在自定义jqplot图表的示例.
如何使用示例代码自定义primefaces图表？
自定义jqplot图表的示例代码如下:
$(document).ready(function () {
$.jqplot._noToImageButton = true;
var plot1 = $.jqplot("chart1", [prevYear, currYear], {
seriesColors: ["rgba(78, 135, 194, 0.7)", "rgb(211, 235, 59)"],
title: 'Monthly TurnKey Revenue',
highlighter: {
show: true,
sizeAdjust: 1,
tooltipOffset: 9
},
grid: {
background: 'rgba(57,57,57,0.0)',
drawBorder: false,
shadow: false,
gridLineColor: '#666666',
gridLineWidth: 2
},
legend: {
show: true,
placement: 'outside'
},
seriesDefaults: {
rendererOptions: {
smooth: true,
animation: {
show: true
}
},
showMarker: false
},
series: [
{
fill: true,
label: …推荐指数
解决办法
查看次数
如何在jqPlot条形图中删除条形阴影
我有一个条形图,在某些点上,x轴显示35个项目代表图表上的单个条形图.
问题:将图表背景大小保持为当前状态,每个条形变得非常狭窄并显示阴影,从而产生视觉干扰.所以我试图从图表中删除SHADOW.
尝试:使用shadow:false但它不起作用.每个酒吧都有阴影/阴影.
grid:{
background: '#f8f8f8'
,shadow:false
}
其余的图表渲染代码在这里.
推荐指数
解决办法
查看次数
标签 统计
jqplot ×10
jquery ×6
javascript ×4
html ×2
axis-labels ×1
bar-chart ×1
char ×1
charts ×1
css ×1
jsf ×1
label ×1
overlap ×1
primefaces ×1
shadow ×1
superscript ×1