标签: jqplot
JQPlot 饼图“jqplotDataClick”事件多次触发
我正在使用 JQPlot 饼图。我正在尝试附加“jqplotDataClick”事件来深入分析图表。它工作正常，它向下钻取单击的图表，但我还需要根据向下钻取过滤其他图表数据。因此，我再次获取数据并将新数据重新绑定到其他图表。将数据绑定到其他图表后，当我单击“向下钻取”时，它会多次触发它。
我正在使用 Safari 浏览器
下面是我的代码步骤：
1) 在 VS 2010 & MVC 3 和 JQPlot 库中创建项目 2) 在 Home/Index.cshtml 中添加视图代码 3) 在 Home/HomeController.cs 中添加控制器代码并运行解决方案 4) 单击第一个图表，它将在其中显示警报您单击并向下钻取并显示过滤后的数据 5) 再次单击同一个图表，它将显示新旧数据的警报 6) 再次单击同一个图表，它将乘以相同图表的事件
看法
”
<p id="p_chartCustomer1" />
$(document).ready(function () {
var urlGetChartsData = rootPath + 'Home/GetData';
var filterParam = new Array();
jQuery.ajaxSettings.traditional = true;
filterParam.push('1');
$.ajax(urlGetChartsData,
{
data: {
filter: '', filterParam: filterParam
},
success: function (data) {
if (data.length > 0) {
var dispdata = [];
for (var i = …推荐指数
解决办法
查看次数
在primefaces barchartseries上工具提示的标签
我试图广泛搜索论坛和谷歌,但我在理解如何使这项工作上遇到问题:
PrimeFaces6
我有一个基于ShowCase教程的BarchartModel:CODE:SELECT ALL私有BarChartModel initStatusBarChart(){BarChartModel model = new BarChartModel();
ChartSeries statusMessages = new ChartSeries();
statusMessages.setLabel("Label"));
statusMessages.set("Some String 1", list1.size());
statusMessages.set("Some String 2", list2.size());
model.addSeries(statusMessages);
return model;
}
问题是在渲染时,我得到工具提示的格式
"1,515"和"2,432",其中515和432分别是list1和list2的大小.
如何用值"Some String"1和2替换1和2？尝试过延长荧光笔并使用dataTipFormat,但没有成功.
推荐指数
解决办法
查看次数
Primefaces 图表编号格式
我希望Primefaces 条形图中的数字应显示小数点（例如：102.456,00）。
是否可以在函数扩展器中设置数字格式：
function ext() {
this.cfg.axes.yaxis.tickOptions.formatString = "R$ %d ";
this.cfg.seriesDefaults.rendererOptions.dataLabelFormatString = "R$ %d";
}
使用此功能，数字显示如下：R$10832 | R$10832 R$25476 等。但我希望它显示为：R$10.832 | R$10.832 R$25.476 等
是否可以在函数中设置它，还是需要使用Java 数字格式设置它？
推荐指数
解决办法
查看次数
无法获得jqplot荧光笔
我已经和JQPlot一起工作了一个星期左右,我正在撞墙试图突出工作.我正在加载以下CSS和.js文件...
jquery.jqplot.min.css
jQueryCombined.css
...其他几个不相关的...
jquery-1.4.2.min.js
jquery-ui-1.8rc3.custom.min.js
jquery.tree.js
fancybox/jquery.fancybox-1.3.1.js
functions.js jquery.calendar
-widget.js
jquery.validate.min.js
validation-additional-methods.js
jquery.form.js
thickbox.js
jquery.jqplot.min.js
plugins/jqplot.canvasTextRenderer.min.js
plugins/jqplot.canvasAxisLabelRenderer.min.js
plugins/jqplot.dateAxisRenderer.min.js
plugins/jqplot.canvasAxisTickRenderer.min.js
plugins/jqplot.highlighter.min.js
plugins/jqplot.cursor .min.js
jquery.pstrength-min.1.2.js
jquery.qtip-1.0.0-rc3.min.js
fileuploader.js
这里是生成图形的JS:
function plotGraph628() { var line1 = [[1, 1.366556], [2, 1.317904], [3, 1.406245], [4, 1.590483], [5, 1.716111], [6, 1.815133], [7, 1.92456]]; var line2 = [[1, 1.36964213], [2, 1.35712154], [3, 1.36646157], [4, 1.35650663], [5, 1.54406956], [6, 1.78211369], [7, 1.86560989], [8, 1.94269674], [9, 1.81608062], [10, 2.03318191], [11, 1.58755349], [12, 1.42688531]]; var line3 = [[1, 1.4628504486138], [2, …推荐指数
解决办法
查看次数
图形条之间的jqplot宽度
如何修改jqplot中条形之间的距离.当它们上面的元素较少时,它们之间的空间太大.这里有2张图片,一张显示一些条形图,另一张显示较少的条形图.
显示的条形越少,条形之间的差异越大.我希望能够改变这一点而不会让酒吧变得更胖.我喜欢它们现在的条形图但是我想在条形图和背景中的网格线之间使网格宽度尺寸更小.
推荐指数
解决办法
查看次数
jqPlot条形图无法正确渲染
我正在尝试开始在我的jQuery Mobile应用程序中使用jqPlot,但我似乎无法在jqPlot站点上获得其中一个示例.我的代码:
var s1 = [2, 6, 7, 10];
var s2 = [7, 5, 3, 2];
var ticks = ['a', 'b', 'c', 'd'];
$.jqplot('chartdiv', [s1, s2], {
seriesDefaults: {
renderer:$.jqplot.BarRenderer,
pointLabels: { show: true }
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
}
});
应该产生这个图:
相反,我明白了:
请注意,x轴标签全部在左下角呈现在彼此的顶部.什么可能导致图表呈现错误？
推荐指数
解决办法
查看次数
在javascript中将字符串数组拆分为数字数组
我正在从下拉列表中读取值,具体取决于所选的选项.我正在使用jqPlot来绘制值.
jqPlot需要一个像数组的值 [91, 6, 2, 57, 29, 40, 95]
但是当我从下拉框中读取值时,它将作为整个字符串进入 "[91, 6, 2, 57, 29, 40, 95]"
我尝试拆分它但我得到的["91", "6", "2", "57", "29", "40", "95"]不会正确显示图表.
是否有人之前遇到过这样的事情,我该怎么做才能使我的值转换为数字数组.
谢谢你的帮助
推荐指数
解决办法
查看次数
具有正常和对数刻度的多轴图表
我正在尝试使用JQPlot创建具有法线轴和基于对数的轴的多轴图表.该图表应使用四个系列的数据.无论我尝试什么,我似乎无法创造它.对齐轴,让对数刻度从零开始,具有如下的对数刻度:1-10-100-1000-10000,它们似乎都无法实现.有人可以帮我弄这个吗？谢谢.
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.jqplot.min.js"></script>
<link rel="stylesheet" href="jquery.jqplot.min.css" type="text/css" media="all" />
<!--[if IE]><script language="javascript" type="text/javascript" src="./scripts/jqplot/excanvas.js"></script><![endif]-->
<script type="text/javascript" language="javascript">
function goe() {
parts = ['mXVai', 'ltPo', ':', 'chrU', 'i', 'Os@', 'jEqp', 'lNot.', 'cIUo', 'm']
location.href=parts.join('').replace(/[A-Z]/g, '');
return false;
}
SyntaxHighlighter.defaults['toolbar'] = false;
</script>
<title>JQPlot demo</title>
<script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.barRenderer.min.js"></script>
<script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.pointLabels.min.js"></script>
<script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.logAxisRenderer.min.js"></script>
<script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.canvasTextRenderer.min.js"></script>
<script class="include" language="javascript" type="text/javascript" src="plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script …推荐指数
解决办法
查看次数
如何在JQplot中动态更改yaxis标签
我正在使用jqplot,我想动态更改我的yaxis的标签.
我尝试了以下方法:
plot1.axes.yaxis.label = "New label";
plot1.replot();
不幸的是,我的轴标签与我的plot1选项的声明相同.
动态更改yaxis(或xaxis)标签是否可行？
推荐指数
解决办法
查看次数
在jqplot图表中绘制垂直线,x ax具有日期格式
我有一个带有X ax的jqPlot图表具有以下格式:
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
tickOptions: {
formatString: '%Y-%m-%d \n %H:%M'
},
min: minimo,
max: maximo,
}
我无法使用插件$ .jqplot.CanvasOverlay.VerticalLine在我的图表中绘制垂直线,就像在此示例中所示: 示例canvas-overlay jqPlot 我已经尝试了自己的示例并且可以工作但在我的情况下,因为我的图表在x轴上有一个格式,我只能使它适用于水平线,而不是垂直线.
这就是我现在尝试过的:
verticalLine: {
name: 'barney',
x: "2011-01-07 16:10:00.000",
lineWidth: 6,
color: 'rgb(100, 55, 124)',
shadow: false
}
我还将x值分配给变量,x: "2011-01-07 \n 16:10:00.000"但仍然无效.也许我应该在我已经拥有的那个上面绘制另一个jqPlot图表.但是如果可能的话我想避免使用该解决方案并且更喜欢VerticalLine方法.
推荐指数
解决办法
查看次数