个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试实现 JQPLOT 条形图，但它只显示几个条形(针对刻度“e”的两个条形，组合值为“2 null 2”)。下面是我的代码。你能建议这里出了什么问题吗？我添加了警报语句来显示数组中的值，结果作为注释提到:
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
<!--[if lt IE 9]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
<script type="text/javascript" src="js/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="js/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="js/jqplot.pointLabels.min.js"></script>
<script type="text/javascript" src="js/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="js/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script type="text/javascript" src="js/jqplot.json2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var DelayFeed = [[]];
var DelayConfirmation = [[]];
var CorruptFeed = [[]];
var FeedName = [[]];
var feedData = $.ajax({
url: "FeedServlet",
dataType : 'json',
async: false
}).responseText;
var arrayData = JSON.parse(feedData);
for (var i = 0; i < arrayData.length; i++) {
DelayFeed[0].push([ arrayData[i].DelayFeed ]);
DelayConfirmation[0].push([ arrayData[i].DelayConfirmation ]);
CorruptFeed[0].push([ arrayData[i].CorruptFeed ]);
FeedName[0].push([ arrayData[i].FeedName ]);
}
alert(DelayFeed[0]); //8,7,4,3,3
alert(DelayConfirmation[0]); //4,4,4,2,2
alert(CorruptFeed[0]); //4,4,4,2,2
$.jqplot('chart_div', [ DelayConfirmation, DelayFeed, CorruptFeed ]
, { seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {
barDirection: 'vertical'
},
pointLabels: { show:true }
},
series:[
{label:'Delay - Confirmation'},
{label:'Delay - Feed'},
{label:'Corrupt Feed'}
],
legend: {
show: true,
placement: 'outsideGrid'
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ['a', 'b', 'c', 'd', 'e'];
},
}
});
});
</script>
</head>
<body>
<div class="work-area">
<div id="chart_div" style="width: 800px; height: 400px;"></div>
</div>
</body>
</html>
最佳答案
乍一看，$.jqplot() 函数中传递的数据格式似乎存在问题。事实上，如果您将三个数据参数替换为以下内容:
var DelayFeed = [8,7,4,3,3];
var DelayConfirmation = [4,4,4,2,2];
var CorruptFeed = [4,4,4,2,2];
$.jqplot('chart_div', [ DelayConfirmation, DelayFeed, CorruptFeed ]
您将获得以下(且正确的)条形图 
您需要使用三个简单数组(“[]”)而不是嵌入数组(“[[]]”)。因此，我会尝试使用
$.jqplot('chart_div', [ DelayConfirmation[0], DelayFeed[0], CorruptFeed[0] ]
关于javascript - JQPlot - 仅显示部分条形图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20917548/
25
4
0
我试图了解当未指定宽度时 jqplot 如何计算条的宽度。假设我有以下图表: $.jqplot(chartDiv.attr("id"), [ [ ['2013-02-15',
我是 jqplot 的新手，当我想绘制条形图时，x 轴是日期，间隔是 1 天。这是我的代码的一部分: axesDefaults:{
我正在使用 jqPlot创建一个 Y 轴从 0% 到 100% 的线性图表。我遇到的问题是其中一个值落在 X 轴上(为 0%)或 100%，它被轴或图表的边界截断。 如何确保不会发生这种情况，同时将
这是否已包含在 jqPlot 中，或者是否存在可以执行此操作的库？ 我敢肯定，如果我投入 12 个小时，我就能解决这个问题，但我只是觉得我会问。 :) 最佳答案 我还没有在 jqPlot 中看到过这样
我刚刚开始使用 jqPlot 绘制具有多个系列的折线图。看起来不错。 我添加了 Cursor 插件，目的是在 x 轴上的最近 数据点上显示一条垂直线。换句话说，它捕捉到最近的点。然而，Cursor 插
有没有办法根据条形图中的阈值设置/更改条形颜色。 变量 s1 = [460, -260, 690, 820]; 对于上面指定的值，低于 -200 的条(-260 的条)应该是红色的。有没有办法在 jq
我正在 jqPlot 中使用条形图，我需要在图表上用单独的线显示平均值。我的问题是如何做到这一点？我需要为此使用折线图吗？我看过一些折线图示例，但它们在条形图中显示为趋势，从图表上的第一个条形开始，而
我有一个条形图，在某个点 x 轴显示 35 多个项目，代表图表上的单个条形图。 问题:保持图表背景大小与当前一样，每个条形图变得非常窄并且显示阴影，造成视觉干扰。所以我试图从图表中删除阴影。 尝试过:
我正在用 jqPlot 绘制图表，在我的模板中，我设计了图表，使其向下生长，有点翻转条形，使它们从顶部开始向下移动，这取决于来自数据库的一些输入。我想乘以-1，但似乎行不通。 有什么建议？这是我的代码
我正在尝试以编程方式打开和关闭 pointLabels。我认为它会像这样工作: var data_ = [[1,1],[2,5],[4,9]]; var graph = $.jqplo
我有一个多系列图表，不仅要突出显示点的 x 和 y 坐标，还要突出显示 series 名称。 可能吗？ 最佳答案 我发现最简单的方法是这样的: $.jqplot('chart-id', values,
我对其中一个 jqPlot 插件文件 (jqplot.highlighter.js) 做了一些更改，我想在部署前将其缩小。 有谁知道 jqPlot 开发人员使用什么工具来缩小他们的 jqPlot 相关
当光标悬停到 JQPlot 的 Bar 时，我想将光标更改为“指针”。 我试图改变 CSS。但它没有用。请帮我。 最佳答案 您需要 - 正如您所尝试的那样 - 使用 CSS 修改它。 您可能没有在正确
一直在搜索，找不到我正在寻找的东西。需要将多个系列加载到一个 jqplot 中，每个系列都来自自己的数据文件。 这里的例子http://www.jqplot.com/tests/data-render
当使用 jqPlot 绘制图形时，我有包含正值和负值的曲线，因此穿过 x 轴。我想强调 0 处的 x 轴，以便更清楚地区分正值和负值。有办法做到这一点吗？ 在我使用示例曲线的代码下方: $.jqplo
有人遇到过吗？我对此很陌生，所以我不确定这里到底发生了什么。但我正在尝试根据文档使用 jqplot 的仪表，但它似乎没有用。我可以很好地创建条形图、折线图等图表。 包括必要的脚本链接(以及其他需要的链
与this question完全相同，但由于我没有赞成它的声誉(也无法回答)，我将不得不再次询问...... 给定如下图，我如何强制刻度始终为整数，即使该图为空？目前，如果图表没有数据，它将变为 0,
我可以使用 EnhancedLegendRenderer 插件获得 jqplot 图的水平图例。但是我需要图底部的水平图例。有什么建议吗？ 最佳答案 在发布到堆栈溢出时，您应该始终显示一些工作。它有助
嗨，我正在使用 jqplot，有没有办法缩短数字轴上的刻度标签。假设有一个像这样的 y 系列 [100,250,125000000,14000000,300,..]。这里根据最大值轴被缩放并用大刻度值
我想使用 jqPlot 在页面上创建 3 个单独的图表，是否可以配置 jqPlot 以便当光标在一个图表上移动时，垂直线也会在其他图表上移动？ 最佳答案 我还需要同时跟踪 2 个图表上的一条垂直线，并
我是一名优秀的程序员,十分优秀！