flot相关内容

如何从流程图中删除网格线

我正在应用程序中使用Flot,它工作正常。我想从图表背景中删除垂直线和水平线。我尝试过此操作,但无法实现该功能。 grid: { verticalLines:false, horizontalLines:false } 有人能在这方面帮我吗? 推荐答案 您可以删除行,请使用tickLength: 0 $.plot("#flot", dataset, { ..
发布时间:2022-03-04 19:11:14 其他开发

Flot 图表 - 打开/关闭系列

我成功建立了我的 flot 图表,基于 这篇上一篇文章 我想让查看者通过单击来显示/隐藏该系列.我找到了一堆解决方案,包括官方的和其他的,但没有一个对我有用.我来解释一下: 官方开启/关闭系列:这行得通,但看起来很混乱,因为传说最终被复制了两次(一旦系列关闭,官方传说就会消失). Hiddengraphs.js:这是一个插件,可以在插件库中找到,但它无法与 Chrome 很好地交互( ..
发布时间:2022-01-24 10:41:09 前端开发

jquery.flot.dashes.js 是否支持 plothover 和 plotclick?

通过使用 plothover 事件,我使用正常的图形选项(不使用破折号)设置了一个可行的工具提示系统,但是当我切换到“黑白"模式(使用破折号)时,绘图无法悬停.使用破折号时,有什么方法可以使图表保持可悬停和可点击?或者有一种方法可以在没有破折号的情况下以黑白方式制作出体面的情节? 示例系列:{data: data, dashes:{show: true, dashLength: 2}, co ..
发布时间:2022-01-22 23:00:30 前端开发

flot 中的虚线刻度线/网格线

我对这个 flot API 很陌生.我想要虚线网格线/刻度线而不是实线 X 轴和 Y 轴.谁能帮我解决这个问题? 提前致谢! 解决方案 通过修改库,我能够为网格标记生成虚线.我目前正在使用 Flot 版本 0.8.0 首先我在网格下(大约 400 行)添加了一个新属性,就在标记线宽度的下方: markingsStyle: 'dashed' 由于 Flot 使用画布呈现图表, ..
发布时间:2022-01-18 09:58:51 其他开发

删除 Flot 饼图中切片之间的白线

如何去除Flot中slices和background之间的白线 饼图? 我的 jsfiddle 如您所见: 我希望它看起来像那样(忽略我糟糕的艺术技巧): 我的代码: $(function () {变量数据 = [{标签:“读取",数据:50,颜色:'#614E43'},{ 标签:“未读",数据:150,颜色:'#F5912D' }];$.plot($("#star"), ..
发布时间:2022-01-11 13:13:34 其他开发

float - 显示没有间隙的时间轴

我正在尝试自定义 jQuery Flot 以消除时间轴上的点之间的间隙.看上图: 它显示了两天的数据,我敢打赌你会发现夜晚.我想要做的是摆脱图表中间这个恼人的差距.有什么建议吗? 解决方案 太糟糕了,我不能接受评论作为答案,因为来自 Mark 链接的 George Roberts 的回答很顺利. 所以我要做的就是将浮点模式从“时间"更改为空,然后模拟时间轴. 我创建了两个 ..
发布时间:2022-01-11 13:01:11 其他开发

Flot Charts - 使用 flot.navigate 插件同时拖动/缩放两个或多个图表

我在同一页面上显示了两个或多个浮动图表,并使用 flot.navigate 插件进行拖动和缩放.我可以独立于其他图表缩放和拖动单个图表,但我希望其他图表与应用导航操作的图表一起移动或缩放.有些页面可能只有两个图表,而有些页面可能只有五个或六个图表 我的小提琴显示了两个图表,一个可以缩放(鼠标滚动)或仅拖动一个图表.非常感谢任何想法或帮助.谢谢. http://jsfiddle.net/ ..
发布时间:2022-01-10 18:20:03 其他开发

承诺在一个循环中!如何?

我一直试图让这段代码工作一段时间,但我似乎无法理解.它用于实时更新图,它为每个点接收一个 [x, y] 数组,因此是一个数组数组. 输入是一个来自服务器的 JSON 列表,它更新同一个 JSON 对象(所以它改变一个 JSON 并且只更新值): [{“价值":10,"Name": "变量名"}] 我只需要提取值. 我是这样试的: var getValueData = asyn ..
发布时间:2022-01-04 23:35:35 前端开发

使用 FLOT 创建正态分布(钟形曲线)图

有人试过用 FLOT 创建正态分布图吗? 如果是这样,您能否通过一些建议和教程链接为我指明正确的方向? 谢谢. 解决方案 FLOT 只是一个绘图引擎.如果要创建钟形曲线,则需要向概率密度函数提供一系列 x 值并绘制结果点. 例如,我使用 此处 中的函数来创建此: 这是展示我作品的 jsFiddle. ..
发布时间:2021-12-25 17:07:33 其他开发

flot jquery 是否可以绘制这种图表

我曾经画过这种图表(一个纵轴,一个横轴): 现在我被要求做这样的图表: 如您所见,它包含的有序图表的问题(两个垂直轴,一个水平轴). 我的问题 flot 或任何其他 jquery 库能做到这一点吗? 解决方案 请参阅 多轴.最小示例: $.plot("#placeholder", [{数据:d1},{ data: d2, yaxis: 2 }//设置第二个系列使用 ..
发布时间:2021-12-25 16:51:51 前端开发

如何在 Flot Charts 的 X 轴上绘制日期范围?

我正在使用 Flot 图表来显示特定时期的数据(由用户选择,例如过去 30 天、过去 7 天、2013 年 1 月 1 日至 2013 年 3 月 3 日等) 所以我想显示一个以 x 轴为日期的折线图. 例如如果我有两天的 startDate 和 endDate 如何使 X 轴显示如下: 2013 年 1 月 1 日 |2013 年 1 月 2 日................ ..
发布时间:2021-12-25 16:47:04 前端开发

FLOT 中的对数图

有人知道如何在 FLOT 中创建对数图表吗? 基本上,我正在尝试创建一个类似于此处显示的图表(左上角):http://leto.net/plot/examples/logarithms.html 然而,我已经尝试使用相同的选项,但它没有以相同的方式显示图表.考虑到这个帖子已经很旧了,我认为从那时起 FLOT 肯定发生了很多变化. 如果有人有任何想法,请告诉我. 谢谢. ..
发布时间:2021-12-25 16:46:33 其他开发

用于处理两条线之间的阴影区域的 JavaScript 图表库

我正在寻找一个支持对两条线之间的区域进行阴影处理的 JavaScript 图表库.ChartDirector 处理得很好(请参阅:http://www.advsofteng.com/gallery_line2.html- 行间着色),但我需要一个更具交互性的图表库. 我研究了各种 JavaScript 库.Flot 和 Highcharts 很接近,但仍有其局限性: Flot 支持使用 ..
发布时间:2021-12-24 14:43:06 前端开发

旋转浮动刻度标签

我正在尝试旋转图表底部的日期以显示垂直与水平.我正在使用 flot-tickrotor 但它似乎无法正常工作. xaxis: {旋转刻度:110,模式:“时间",时间格式: "%m/%d",minTickSize: [7, “天"],滴答声:cpdatearray} 最终结果不正确,看起来很混乱. 解决方案 使用 CSS 而不是使用插件来处理这个问题可能会更好: #flotPlac ..
发布时间:2021-12-24 14:39:32 C#/.NET

在浮动条形图上的条形内显示值

我想在 flot 条形图的条形图中显示值像这样: ||+----+||||||||||+----+ |20 ||||||||10 |||||||||---+----+------+----+------ 数据 = [[1, 10], [2, 20]] 有没有办法做到这一点? 解决方案 我需要同样的东西,所以我很快就拼凑了一个 插件 以及它的快速示例. ..
发布时间:2021-12-24 14:38:15 前端开发

动态浮图图 - 通过单击图例文本或图框显示隐藏系列

我正在研究具有 3 个系列的动态流图.我需要在单击图例时隐藏/显示系列.我见过不同的例子,它们适用于静态图,但适用于动态图,即使它第一次工作,但是当用新数据值更新图时,所有内容都以默认选项显示.一旦我隐藏了系列,我希望它被隐藏,直到我再次点击显示它. 这是我的代码.基本上,我从 JSON 获取数据并以 10 秒的间隔动态更新浮图图.所以新数据将每 10 秒显示一次,这就是系列再次显示的地方. ..
发布时间:2021-12-24 14:27:37 其他开发