个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
这段代码工作得很好:
在我看来:
<div id="chart1"></div>
然后是我的js:
$(document).ready(function(){
var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
});
当我更改我的 js(从 jqPlot site 复制它)以便我可以在我的 x 轴上包含日期时，只有网格显示没有 x 轴或线(y 轴准确且存在):
不起作用的新js代码:
$(document).ready(function(){
var line1=[['2011-06-30 8:00AM',4], ['2011-7-30 8:00AM',6]];
var plot2 = $.jqplot('chart1', [line1], {
title:'Customized Date Axis',
gridPadding:{right:35},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%b %#d, %y'},
min:'May 30, 2011',
tickInterval:'1 month'
}
},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
});
请注意，我只将日期更改为 2011 年，将 div 的 ID 重命名为“chart1”(如果与 this jQPlot site 相比)并添加了 jqplot.dateAxisRenderer.min.js。
所以现在我有以下插件:
我收到以下 JS 错误:
Uncaught TypeError: Cannot set property 'CanvasTextRenderer' of undefined in jqplot.canvasTextRenderer.min.js:30.
Cannot set property 'CanvasTextRenderer' of undefined in jqplot.canvasAxisLabelRenderer.min.js:30.
Cannot set property 'CanvasTextRenderer' of undefined in jqplot.dateAxisRenderer.min.js:30.
Cannot set property 'CanvasTextRenderer' of undefined in jqplot.canvasAxisTickRenderer.min.js:30.
我在这里做错了什么？任何帮助将不胜感激。我在谷歌上搜索了 2 小时，但没有成功。
最佳答案
我创建了一个纯 html 页面，其中包含您上面的代码，它似乎可以正常工作。
<html>
<head>
<link type="text/css" href="http://localhost/test1/atk4-addons/sterling/jqplot/templates/js/jqplot/jquery.jqplot.css" rel="stylesheet" />
<script type="text/javascript" src="http://localhost/test1/atk4/templates/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://localhost/test1/atk4-addons/sterling/jqplot/templates/js/jqplot/jquery.jqplot.js"></script>
<script type="text/javascript" src="http://localhost/test1/atk4-addons/sterling/jqplot/templates/js/jqplot/plugins/jqplot.dateAxisRenderer.js"></script>
<script>
$(document).ready(function(){
var line1=[['2011-06-30 8:00AM',4], ['2011-7-30 8:00AM',6]];
var plot2 = $.jqplot('chart1', [line1], {
title:'Customized Date Axis',
gridPadding:{right:35},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%b %#d, %y'},
min:'May 30, 2011',
tickInterval:'1 month'
}
},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
});
</script>
</head>
<body>
<div id="chart1"></div>
</body>
</html>
在 Windows 7 上的 firefox 3.6.22 中为我生成以下输出
我正在使用 jquery v1.5.1，所以可能更新到最新版本并重试以防万一。
我只需要包含 jquery.js、jqplot.js 和 dateAxisRenderer 就可以正常工作，所以也尝试删除其他渲染器，因为我认为您在提供的代码示例中没有使用任何需要它的选项。
虽然这段代码单独运行良好，但我在其他地方读到一个问题，关于一些浏览器没有以正确的顺序加载所有内容并且需要在 javascript 之前加载 css 的问题。
你用 ruby on rails 标记了它，所以如果你从一些框架代码调用它并且它也加载其他东西，那么顺序可能有问题所以改变它可能会有所帮助。
关于ruby-on-rails-3 - 使用 dateAxisRenderer 行的 jqplot 不呈现，任何想法为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7191643/
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 个图表上的一条垂直线，并
我是一名优秀的程序员,十分优秀！