jqplot相关内容

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

随着时间的推移,我通过更改数据并重新绘制它们来“动画化"图表. //初始化变量数据 = ...var targetPlot = $.jqplot('#diagram', data, diagramOptions); 现在一段时间后,我将以某种方式更改数据并希望更新图表.以下解决方案有效: //更新数据目标图.data = ...;//删除旧图$('# ..
发布时间:2022-01-11 13:32:01 前端开发

如何在不重绘图表的情况下刷新 jqplot 条形图

我有一个 jqplot 条形图,我希望在用户更改下拉列表中的值时更改图表数据.这行得通,但问题是每次用户更改值时,条形图都会一个接一个地重绘. 如何在不重新绘制整个内容的情况下更新或重新加载条形图?有没有要设置的属性值? 图表数据根据 ajax 调用发生变化: $.ajax({url: '/首页/图表数据',类型:'GET',数据:{身份证:身份证},数据类型:'json',成功:函 ..
发布时间:2022-01-11 12:51:15 其他开发

带有动态ajax数据的JQPlot自动刷新图表

我想按时间间隔顺序更新jqPlot绘制的图表. 我的用例是 AJAX 调用只返回一个值.例如: 第一次 AJAX 调用:20第二次 AJAX 调用:30第三次 AJAX 调用:40第 4 次 AJAX 调用:32 所以我想绘制如下图: 第一名:只有20个第二:20,30第三:20,30,40第四:20,30,40,32 我们可以在 JQPlot 中提取已经绘制的数据,然后附加这个新的 ..
发布时间:2022-01-11 12:43:47 其他开发

如何将事件与仅一个对象相关联?jqplot

我正在使用 jqplot 绘制一些图表.这是一个很棒的工具,但它缺少每个图表的简单点击处理程序选项. 它的插件,如荧光笔、可拖动和光标,通过将自己添加到 jqplot.eventListenerHooks (eventListenerHooks.push(['jqplotClick', callback]); 来记录他们对从 jqplot 画布捕获单击/鼠标事件的兴趣.'jqplotMous ..
发布时间:2022-01-09 17:45:20 其他开发

如何标记谷歌柱状图栏

我正在使用 Google Chart API 为值创建图表从 1 到数百万. 问题代表较小值(例如:小于 50 左右)的条形图在图表上不可见,我无法看到哪些值对应于某个 x 轴. 如果我能以某种方式在条形顶部打印 y 轴值,这将得到解决.但是,我在 API 文档中找不到任何关于如何执行此操作的提及. 这里有类似的问题,但它没有回答我的问题. 将标签放在谷歌交互式条形图中的内 ..
发布时间:2021-12-25 16:38:06 前端开发

如何在 jqplot 饼图上显示工具提示

我有一个带有图例的 jqplot 饼图,我想让图例文本在鼠标悬停在饼图上时显示为工具提示.我不知道该怎么做.有没有人有类似的经验? 示例代码: $(document).ready(function(){var data = [['重工业', 12],['零售', 9], ['轻工业', 14],['户外', 16],['通勤', 7], ['方向', 9]];var plot1 = jQu ..
发布时间:2021-12-25 16:33:54 前端开发

jqPlot:如何用几种不同的颜色为背景/网格的部分着色

我正在使用优秀的 jqPlot 插件,唯一没有找到的功能在 文档 中是“如何用几种不同的颜色" 我的图表的 x 轴单位是日期.如果可能,我想通过更改背景网格颜色来突出网格的周末部分(仅). 或者有人会有其他想法吗? 谢谢 使用最终答案进行编辑 根据 Boro 的建议,我开发了一种更好的方法来使用“line"选项而不是“verticalLine"选项突出显示背景的一部分 ..
发布时间:2021-12-24 14:29:34 其他开发

条形图上的 jqplot 工具提示

我正在使用 jquery 插件 jqplot 来绘制一些条形图.在悬停时,我想在工具提示上显示栏的刻度及其值.我试过了 highlighter: { show: true,showTooltip: true,//显示带有数据点值的工具提示.tooltipLocation: 'nw',//工具提示的位置:n, ne, e, se, s, sw, w, nw.tooltipAxes: 'both', ..
发布时间:2021-12-24 14:25:55 前端开发

自定义素面图

我在我的项目中使用了 primefaces 的图表. 我知道是 primefaces 的 jqplot 图表使用. 在 jqplot 的站点上存在自定义 jqplot 图表的示例. 如何使用示例代码自定义素面图? 自定义jqplot图表的示例代码如下: $(document).ready(function () {$.jqplot._noToImageButton = t ..
发布时间:2021-12-20 15:13:12 其他开发

jqPlot 的 JSON

我想使用 jqPlot 使用来自服务器端的 JSON 数据,如本例中所述:http://www.jqplot.com/tests/data-renderers.php 我的代码与示例几乎相同: function myGraph(jsonurl) {var ajaxDataRenderer = 函数(网址,绘图,选项){var ret = null;$.ajax({//这里必须使用同步,否则 ..
发布时间:2021-11-18 04:18:37 前端开发

jqPlot-在多个图表之间同步光标

我想使用jqPlot在页面上创建3个单独的图表,是否可以配置jqPlot以便当光标在一个图表上移动时,垂直线也可以在其他图表上移动? 解决方案 我还需要同时跟踪2张图表上的垂直线,并以Boro的答案为起点, ..
发布时间:2021-05-20 19:22:48 其他开发

一张图表中的jqplot不同种类的渲染

我想构建类似示例中的图表的东西:barLineAnimated.html. 我的问题是;我有1个以上的系列,我希望将其渲染为条形,而一个应渲染为线形. 我无法理解示例:示例中的2系列之一将以不同的方式呈现. 如何设置单个系列的渲染类型? 解决方案 在jqplot构造函数中尝试以下操作: seriesDefaults : { renderer: $.jqp ..
发布时间:2021-02-12 20:59:47 其他开发

jqplot-要限制y轴刻度

在下面的代码中,y轴值不可读,我猜想它是重叠的. 如何设置合适的y轴刻度范围: $(document).ready(function(){ var line1 = [82,82]; var line2 = [22,22]; var line3 = [0,0]; var ticks = [1,2];$ ..
发布时间:2021-02-12 20:59:43 前端开发

Jqplot-单击一个点以将其从数据库中删除

我有一个使用按钮上的onclick事件进行工作的jqplot示例( JqPlot在数据点上添加点击事件). 我的目标是:单击某个点以获取其数据库id.然后,我计划运行ajax以便从数据库中删除它.问题:如何将id放入图形中(不改变其外观),然后通过图形上的点onClick获取此ID. //STA ..
发布时间:2021-02-12 20:59:40 前端开发

比较Google Analytics API中的日期范围

我目前正在使用JqPlot处理来自Google Analytics(分析)的实时数据仪表板 我可以按小时返回当前的每日流量,但是我还想做的是创建一个包含今天的流量和上周的同一天数据的图表. 基本上,我想在比较GA中的日期范围时返回与我相同的数据. 任何人都可以帮忙吗? 谢谢 阿迪 解决方案 我已经解决了这个问题 var line1 = [[00,4],[01,3], ..
发布时间:2021-02-12 20:59:35 PHP

jQplot formatString“%n";

jQplot有点问题.我正在尝试像这样做一个DateAxisRenderer: http://tinyurl.com/p8v5coh 我有这个: http://tinyurl.com/qd2lbxh 我不想轮换考试.我只想在小时和日期之间输入一个换行符. 有我的代码: var plot1 = $.jqplot('chart1', [test2], { tit ..
发布时间:2021-02-12 20:59:31 前端开发

每5秒钟更新一次jqplot仪表量表

我正在模态窗口中显示jqplot仪表规,我想每5秒更新一次.我写了下面的代码,但是不起作用 $(document).ready(function(){ s1 = [Math.floor(Math.random()*(401)+100)]; plot3 = $.jqplot('meter',[s1],{ seriesDefaults: { renderer: $.jqpl ..
发布时间:2021-02-12 20:59:29 前端开发