Tag: jqplot

有jqPlot条形图的问题

我正在使用jqPlot创建条形图,但我遇到了一些问题。 问题1:图表上的第一个和最后一个条被切断。 只有一半是显示 问题2:我不希望我的数据点跨越整个x轴。 是否没有数据跨越整个x轴? 例如:这就是现在做的事情。 这是我传递给它的数据 var chartData = [[“19-Jan-2012”,2.61],[“20-Jan-2012”,5.00],[“21-Jan-2012”,6.00]] 这是我正在使用的jquery。 // Plot chart function PlotChart(chartData, numberOfTicks) { $.jqplot.config.enablePlugins = true; var plot2 = $.jqplot(‘chart1’, [chartData], { title: ‘Mouse Cursor Tracking’, seriesDefaults:{ renderer: $.jqplot.BarRenderer, rendererOptions: { barPadding: 1, barMargin: 15, barDirection: ‘vertical’, barWidth: 50 }, pointLabels: { show: true } }, axes: { xaxis: […]

Jqplot DateAxis渲染不正确

我尝试使用jqPlot及其DateAxisRenderer绘制每天的数据使用DateAxisRenderer ,数据是静态的以测试图形,但我发现图表上的点与网格上的确切日期不对应。 有没有更好的工具来更准确地做到这一点? 我需要使用JavaScript在浏览器上渲染光照和交互式图形。

如何从轴上捕捉点击事件jsplot,highcharts,flot

我希望能够捕获挂钩到所有轴刻度的点击事件。 这是我到目前为止所做的。 http://jsfiddle.net/grVFk/5074/ 如果有人知道如何使用任何图表插件可以友好分享。 谢谢

如何动态更改jqplot渲染器?

基本上,我希望用户能够通过单击下拉菜单来更改图表的类型:BarRenderer,PieRenderer等。数据是相同的。 我知道我可以在同一个元素上再次调用$ .jqplot(),但是我必须再次传递所有设置。 而且我的页面有可变数量的图表,这使得该选项成为一个非常糟糕的选择。 我找到了一个关于此的链接: http ://groups.google.com/group/jqplot-users/browse_thread/thread/efe6511cd9496f16/5c625baf78d3b0ae但似乎我仍然需要再次调用$ .jqplot()。 有一个更好的方法吗? 还有一个小问题:它只是我,还是关于jqplot的文档很糟糕? 我必须通过多个地方查找我想要的选项(有时,该选项没有记录,或者我无法以某种方式找到它)。 你如何学习如何使用jqplot?

如何使用jQuery和jQplot为图表添加动画(更新数据)

随着时间的推移,我通过更改数据并重新绘制它们来“动画化”图表。 // initialization var data = … var targetPlot = $.jqplot(‘#diagram’, data, diagramOptions); 一段时间后,我将以某种方式更改数据,并希望更新图表。 以下解决方案有效: // update Data targetPlot.data = …; // remove old diagram $(‘#container’).empty(); // redraw targetPlot = $.jqplot(‘#diagram’, data, diagramOptions); 这是一个完整的重绘。 由于存在大量数据和短暂的间隔,因此jQPlot占用大量内存并且图表闪烁。 怎么做对吗? 使用redraw-function的解决方案只绘制旧图: // update Data targetPlot.data = …; targetPlot.redraw();

jqplot饼图数据标签格式精度,不带尾随零

我想知道如何在饼图上格式化数据标签,使其显示最多2个十进制字符,并且从不显示尾随零 ,例如: 2 -> 2 2.0 -> 2 2.566 -> 2.57 换句话说,我问如何设置dataLabelFormatString参数 ? 我知道它使用的是sprintf ,因此我尝试了’%。2f’和’%g’。 但他们并没有解决我的问题。 由于第一个使每个数字显示为十进制字符,另一个只是删除尾随零但不能精确处理,因为在这种情况下你放在它前面的数字,例如’%。2g’指的是总长度人物。 我不知道如何有效地将这两者结合起来(甚至可能吗?)。 如何设置参数,例如,使用’%。2f’然后使用’%g’进行首次格式化,它应该可以解决问题,但是怎么做呢? 我是否可以在格式中“注入”if / else,如果是,那么如何? 否则,我能想到的唯一方法是,绘制绘图后,运行一个jquery脚本获取标签并在每个标签上应用parseFloat(label.toFixed(2)) 。

如何隐藏绘图图表上显示的点?

我有以下jqPlot图表: $(document).ready(function () { var line1 = new Array(); @foreach (var item in Model) { line1.push([“@item.VisitDate.Value.ToString(“dd-MMM-yyyy”)”, @item.count]); } var plot1 = $.jqplot(‘chart1’, [line1], { title: ‘Number Of Visits’, axesDefaults: { pad: 1.2 }, axes: { xaxis: { renderer: $.jqplot.DateAxisRenderer, tickOptions: { formatString: ‘%d/%b/%Y’ } }, yaxis: { tickOptions: { formatString: ‘%.2f’} } }, highlighter: { […]

jqplot轴用省略号勾选标签

我有一个应用程序,使用jqplot创建几个图表。 以下是我遇到问题的一个图表示例: 正如您所看到的,一些刻度标签很长并导致图表渲染不正确。 我正在使用$.jqplot.CanvasAxisTickRenderer来旋转刻度标签,如图所示,所以我不认为我可以使用CSS设置刻度标签文本的样式。 有没有办法可以使用CSS或格式化程序缩短刻度标签文本。 我正在寻找一种简单缩短文本的效果,并添加类似于text-overflow : ellipsis CSS样式。 编辑 :: 这是尝试css方法后的新屏幕截图。 正如您所看到的,绝对定位的刻度标签与它们所代表的条形不完全对齐,并且它们位于父容器之外。 答案中提供的css方法使用90度旋转,但我更喜欢60度旋转,这导致标签不与其各自的条形对齐。

jqplot并排堆积条形图

是否可以使用jqplot实现并排堆叠条形图? 例如,X轴将是给定月份,并且对于每个月,您将具有一些堆叠条形。 像这样的东西: 注意:我要求的是一些不同的东西,只是一个正常的堆积图表。 请查看图片以更好地了解我正在尝试做的事情。

缩放jqplot后获取canvas中的数据点列表

如果有人可以帮我解决这个问题,我真的很感激。 我们使用Jqplot绘制一些统计数据,并像缩放function一样。 具体来说,我们想要使用示例 http://www.jqplot.com/deploy/dist/examples/zoom1.html和 http://www.jqplot.com/deploy/dist/examples/zoomOptions.html 我们需要做的一件事是重新计算我们在页面上显示的一些值,如标准偏差,平均值等,放大后图中可见的点。为此,我们需要获取那里的数据点列表(我们放大后在图表上保留。所以理想情况下我们正在查看一种方法,该方法在放大后返回图表中可见的当前数据集。 我查找了API文档,但似乎没有这样的方法可用。 所以如果有人帮我解决这个问题,我真的很感激。 谢谢….阿米特