Angular怎么结合dygraphs实现annotation功能


今天小编给大家分享一下Angular怎么结合dygraphs实现annotation功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。图形库 dygraphs 不知道大家听说过了没有,是一个比较久远的库了,但是用起来还不错,主要是针对折线图这类的图形。本文,我们直接结合 Angular 来演示,如何通过 dygraphs 实现折线图上的 annotation 的功能。如下图:假设你学会了通过 angular-cli 来创建项目了。如果还没学会,读者可以通过官网或者本人往期的文章进行学习…package.json 中声明以下的包以及版本。截止发文前,下面的包是最新的版本。之后直接 npm install 即可。当然,你可以直接通过命令行安装这两个包。因为我们是要获取到相关的 Dom 节点,所以,我们需要在 ngAfterViewInit 钩子函数中使用。等到视图渲染完之后,就可以获取到 Dom 的节点了完整的代码如下:上免费云主机域名面是已知 annotation 的情况,那么,我们能不能实现点击的时候,在我们选定的位置上添加 annotation 呢?答案是肯定的。我们可以通过 pointClickCallback 的回调方法来实现。一个 demo,我们需要在 options 上添加下面的内容:以上就是“Angular怎么结合dygraphs实现annotation功能”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: css绝对定位如何实现

本文小编为大家详细介绍“css绝对定位如何实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“css绝对定位如何实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一.基本概念:如果说相对定位没有脱离文档流,相对于对象本身进行偏移有点…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/30 20:42
下一篇 03/30 20:51

相关推荐