文章/答案/技术大牛

发布

社区首页 >问答首页 >D3-动态更新折线图

问D3-动态更新折线图
EN

Stack Overflow用户

提问于 2017-06-23 21:06:02

回答 1查看 405关注 0票数 1

我是d3新手，正在根据时间间隔动态更新折线图，我希望旧数据被移出/退出并使用新数据更新，我被困在可以看到新数据加入图表但旧数据没有移出/退出的位置。谁能在这个问题上帮助我，任何帮助都是非常感谢的。

从d3noob'slink复制而来，向图表注入数据的变化很小

柱塞link

此外，我正在尝试为每个点添加圆，目前由于某种原因，单个圆被添加到Y轴的顶部。

javascript

angularjs

d3.js

回答 1

Stack Overflow用户

发布于 2017-06-24 03:52:24

在检查d3noob's link时，我意识到他使用了两个数据集作为data.csv和data-alt.csv。在updateData函数的第二次运行期间，它总是得到data-alt.csv

所以，为了回答你的问题，

首先，你需要让你的数据生成逻辑正确。由于生成的是随机数，因此需要确保randomPoints()函数生成D3
可理解的正确日期，然后将随机生成的数据集绑定到data变量。
最后，在每次运行updateData函数时清除data变量。

我已经为你做了一个Plunker。如果你需要更多的解释，请告诉我。

希望这能有所帮助:)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44729924

复制

Dygraphs 动态更新

c++angularjs

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第18天，点击查看活动详情

Jimmy_is_jimmy

2022/09/21

9150

echarts动态数据获取展示（地图，折线图）

其他

1.引入相应的js文件，这是基本，注意要使用的js <script src="js/echarts/build/dist/echarts.js"></script> <script src="js/echarts/doc/asset/js/esl/esl.js"></script> <script src="js/echarts/build/dist/chart/line.js"></script> <script src="js/jquery.js"></script> 这

用户3055976

2018/09/12

4.8K0

ElasticSearch 动态更新索引

缓存 lucene/solr Elasticsearch Service

倒排索引被写入磁盘后是不可改变(immutable)：永远不会被修改。不变性有如下几个重要的优势：

smartsi

2019/08/07

4K0

ListView数据动态更新

android

经过前面几期的学习，关于ListView的一些基本用法大概学的差不多了，但是你可能发现了，所有ListView里面要填充的数据都是静态的，但在实际开发中，这些数据往往都是动态变化的，比如数据内容发生改变、增加几行、或者删除几行，这就涉及到ListView数据的更新问题。接下来通过一个简单的示例程序来学习ListView的数据更新。继续使用WidgetSample工程，在app/main/res/layout/目录下创建updatedata_layout.xml文件，在其中填充如下

分享达人秀

2018/02/02

2.3K0

RecyclerView数据动态更新

android

列表的数据往往会跟随业务逻辑不断刷新，所呈现出来的数据需要动态更新，那么RecyclerView是如何动态更新数据的呢？之前在学习ListView的时候如果数据改变，需要调用notifyDa

分享达人秀

2018/02/05

6.5K0

apollo配置动态更新

对象配置注解

简单配置使用@Value注解的配置会自动刷新配置复杂对象 @Component("systemConfig") @ConfigurationProperties(prefix = "cword") @RefreshScope @EnableApolloConfig("cword") public class SystemConfig { private Resource filePath; private Resource tempFilePath; @Autowired

一笠风雨任生平

2020/02/13

2.2K0

动态图表10|可选折线图（复选框）

数据分析

今天要跟大家分享的是动态图表10——可选折线图（复选框）。本篇推送主要向大家介绍如何使用复选框控制多维图表。涉及到的核心技巧主要有：复选框；if+or函数；图表制作等。步骤：复选框制作；使用i

数据小磨坊

2018/04/10

2.3K0

MyBatis实现动态SQL更新

mybatis mybatis-plus java sql

博主记得在一个周五快下班的下午，产品找到我（为什么总感觉周五快下班就来活 😂），跟我说有几个业务列表查询需要加上时间条件过滤数据，这个条件可能会变，不保证以后不修改，这个改动涉及到多个列表查询，于是博主思考了一会想了几种实现方案，

wayn

2023/07/12

6790

Android中动态更新ListView

android

在使用ListView时，会遇到当ListView列表滑动到最底端时，添加新的列表项的问题，本文通过代码演示如何动态的添加新的列表项到ListView中。实现步骤：调用ListView的setOnScrollListener()方法设置滑动监听器，实现OnScrollListener接口的方法，判断当列表滑动到最低端时，加载新的列表项。其中OnScrollListener接口需要实现如下两个方法： onScroll(AbsListView view, int firstVisibleItem, int

欢醉

2018/01/22

2K0

PyQt5:QChart绘制动态折线图（2）

qt 编程算法

前置工作都在上文的博客里边说过了，链接如下：PyQt5:QChart绘制折线图（1），在这边文章里边直接说绘制动态折线相关了。

何其不顾四月天

2023/03/10

1.2K0

SpringBoot动态更新yml文件

field key string 配置注解

在系统运行过程中，可能由于一些配置项的简单变动需要重新打包启停项目，这对于在运行中的项目会造成数据丢失，客户操作无响应等情况发生，针对这类情况对开发框架进行升级提供yml文件实时修改更新功能

code2roc

2023/07/19

4340

[升级]C语言网日常更新动态

ide c 语言 https 网络安全

和小伙伴们分享下我们近期的工作，给大家又完善和更新了C语言网的一些功能，提前让大家知晓：

编程范源代码公司

2020/05/22

1.4K0

简单实现官网动态更新

git

应用场景：如果企业有频繁修改官网的需求，每次上传服务器又很麻烦，又没有开发人员来写程序动态获取，那么可以考虑使用Git（代码管理工具）来实现简单的拉新功能，优势是简单，缺点是每次更新后还是需要在服务的手动拉取一下。具体流程如下

石云升

2022/08/25

5.3K0

问与答82：如何动态更新价格？

offset

Q：在如下图1所示，在列E中添加新的价格增长值后，列B中的价格会自动更新，如何用公式实现？

fanjy

2020/04/24

8570

Android热补丁动态更新实践

android 开源

前言好几个月之前关于Android App热补丁修复火了一把，源于QQ空间团队的一篇文章安卓App热补丁动态修复技术介绍，然后各大厂的开源项目都出来了，本文的实践基于HotFix，也就是QQ空间技术

巫山老妖

2018/07/20

1.3K0

折线图

initChart(canvas, width, height, dpr) { const max = 100; const min = 25; const interval = 25; const chart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: dpr // 像素 }); canvas.setChart

onety码生

2020/09/18

1.4K0

SpringBoot 动态更新 resources 目录的文件

jar resources stackoverflow

SpringBoot 打成 Jar 包形式运行后，resources 目录下文件的读取修改和原来不太一样，网上比较多的是关于读取的方式，修改的几乎没有，终于在 stackoverflow 上找到了正确的打开方式。

JMCui

2019/04/18

3.7K0

SpringCloud是如何动态更新配置的

spring cloud config key scope

spring cloud在config配置管理的基础上，提供了consul config的配置管理和动态监听，那么这里面到底是怎样实现的，本文将为你揭秘。

tunsuy

2022/10/27

2.6K0

点击加载更多

相似问题

更新反应-D3-图ViewBox

D3-加载不同数据后，单击画笔使折线图消失

无法找到模块‘d3-选择’，‘d3-形状’，‘d3-规模’。

112

D3中折线图的动态数据更新

Excel:基于动态变化的列长度更新折线图

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问D3-动态更新折线图
EN