个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
使用 dygraphs我将绘制一个看起来像楼梯的系列:连续的水平线和垂直线。 (具有不同的宽度和恒定的高度)。
我想让注释或标签在悬停时显示水平线的长度。如何做到这一点？也许有一种方法:
或者也许有更好的方法？
例子:
<head><script
type="text/javascript"
src="http://dygraphs.com/dygraph-combined.js"></script>
</head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
var g = new Dygraph(document.getElementById("graphdiv"),
[
[0, 1], // Starts at height 1, step width is 2
[2, 2], // step width is 1
[3, 3], // step width is 0.5
[3.5, 4], // step width is 0.25
[3.75, 5], // remainder is at height 5
],
{
stepPlot: true
});
</script>
</body>
See here for further examples of step plots在 Dygraphs 网站上
进度:
我关注的是我在 the source code of dygraph.js 中找到的方法: findClosestPoint()。不幸的是，它在可见的 Canvas 上(我认为)对点进行线性(蛮力)搜索，但它会这样做。所以我需要锻炼:
最佳答案
我认为你可以使用注释来解决这个问题(http://dygraphs.com/annotations.html)
这是一个带有可能解决方案的 jsfiddle:Example fiddle
基本上你添加这样的注释:
g.setAnnotations([
{
series: "seriesX",
x: 0,
shortText: "2"
},
...
这将在第一行的开头设置一个 2..然后你可以有一个 1 作为 seconf 行的长度，在那里有另一个注释等等:
...
{
series: "seriesX",
x: 2,
shortText: "1"
}
...
我知道这不是当您将鼠标悬停在线上时，但我认为这与您使用 dygraphs 时一样接近。另一种选择是监听 mousemove 并使用图形上方的 div 根据鼠标坐标/图形坐标正确定位，但这样需要更多代码。
编辑:好吧，我知道如果有很多点紧密地结合在一起看起来会很糟糕。您可以像这样在悬停时显示和隐藏注释:Updated fiddle
我使用 jQuery 来选择注释，如果许多点具有相同的标题，我也会稍微更改文本以便更容易地选择它。如果您不使用 jQuery，您可以通过其他方式手动进行选择。
g.updateOptions( {
annotationMouseOverHandler: function(annotation, point, dygraph, event)
{
var anno = $(".dygraphDefaultAnnotation[title='" + annotation.text +"']");
//alert(annotation.text);
anno.removeClass("annotationHidden");
},
annotationMouseOutHandler:function(annotation, point, dygraph, event)
{
var anno = $(".dygraphDefaultAnnotation[title='" + annotation.text +"']");
//alert(annotation.text);
anno.addClass("annotationHidden");
}
});
并且还使用循环创建注释数组，这样代码就不会太多。
关于javascript - 悬停时显示绘制线的长度注释，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38774363/
24
4
0
所以`MKAnnotation's。有趣的东西。 我的问题: 注释的标题和副标题有什么区别？这对注释的视觉组件有何影响？ MKPinAnnotationView 和 MKAnnotationView
我正在使用 JBoss 工具将 DB 模式反向工程到 POJO 中。具体来说，我在 hibernatetool ANT 任务中使用了 hbm2java 选项。在 hbm2java 选项下，您可以指定
假设我有这段文字: cat file /* comment */ not a comment /* another comment */ /* delete this * /* multiline
我明白，如果你///在类、字段、方法或属性上方 Visual Studio 将开始为您建立 XML 样式的注释。 但是，我在哪里可以为我的命名空间和/或库添加 XML 注释... 例如: .NET F
int API_VERSION = 21; @TargetApi(API_VERSION)在Android中用于指定该方法/类支持API_VERSION及以下。 我们是否可以镜像类似的东西，指定仅支持
Closed. This question needs to be more focused。它当前不接受答案。
假设我有一个界面如下。 public interface MyInterface{ /** * This method prints hello */ void sayHello();
我已将 Jboss 应用程序迁移到 WebSphere Liberty。我必须删除所有 Jboss 引用库。在这样做的同时，我在某些注释中面临问题。 Jboss 应用程序使用 @SecurityDom
在本教程中，您将了解 JavaScript 注释，为什么要使用它们以及在示例的帮助下如何使用它们。 JavaScript 注释是程序员可以添加的提示，以使代码更易于阅读和理解。JavaScri
我正在建立一个博客，为了发表评论，我有这个 CSS。 #comments { position:absolute; border: 1px solid #900; border-width: 1
我正在尝试在单元格中插入评论。我正在尝试按照代码进行评论，但它没有在创建的 excel 中显示评论。我正在创建 .xls 扩展名。 $objPHPExcel->getActiveSheet()->ge
我正在使用 TS 在 MarionetteJS 上编写项目，我想使用注释来注册路由。例如: @Controller class SomeController { @RouteMapping("so
我有一个应用程序可以在页面上生成大量注释。用户可以单击页面上的任意位置以创建快速注释(例如 Acrobat Pro)可以在一般 中使用一些 javascript 行添加和删除这些注释
是否有 JavaScript 注释？ 当然 JavaScript 没有它们，但是是否有额外的库或建议的语言扩展，例如 @type {folder.otherjsmodule.foo} function
Java 中注解的目的是什么？我有一个模糊的想法，认为它们介于注释和实际代码之间。它们在运行时会影响程序吗？ 它们的典型用法是什么？ 它们是 Java 独有的吗？有 C++ 等价物吗？ 最佳答案 注解
其实我们在 Ruby 基础语法 已经比较详细的介绍了 Ruby 语言中的注释 Ruby 解释器会忽略注释语句 注释会对 Ruby 解释器隐藏一行，或者一行的一部分，或者若干行。 Ruby 中的注
我正在 try catch VBA 注释。到目前为止，我有以下内容 '[^";]+\Z 它捕获以单引号开头但在字符串结尾之前不包含任何双引号的任何内容。即它不会匹配双引号字符串中的单引号。 dim s
有没有办法在'svn commit'上将提交注释添加到更改的文件中。有人告诉我有一种方法可以用 cvs 做到这一点，但我们使用 svn。目前，我们使用“$Revision”关键字将修订号添加到更改的文
我正在尝试通过 ManyToMany 注释自动对报告的结果进行排序 @OrderBy : /** * @ORM\ManyToMany(targetEntity="Artist", inversedB
我正在使用 JBoss 5 GA，我创建了一个测试 session bean 和本地接口(interface)。我创建了一个 servlet 客户端。我尝试使用 @EJB 将接口(interface)
我是一名优秀的程序员,十分优秀！