cost 99 ms
React-d3折线图未显示且未显示错误 - React-d3 Line Chart not showing and showing no errors

我正在尝试创建我的第一个 react d3 折线图,但遇到了障碍。 我检查 Chrome 时没有出现任何错误,所以我不确定它为什么没有出现。 我觉得我很接近。 我试图查看其他示例,但由于某种原因,我没有找到很多 csv 示例。 这是我的代码: 这是我正在使用的 csv 数据: 目前,它只显示轴的提示 ...

反应 d3 - 使用来自 csv 的数据 -<path> 属性 d:预期数字,“M0,NaNC0,NaN,50,NaN…”</path> - react d3 - using data from csv - <path> attribute d: Expected number, "M0,NaNC0,NaN,50,NaN…"

我正在尝试创建我的第一个 react-d3 折线图,但我无法让它正确。 我觉得我很接近,但我无法弄清楚这部分。 我有一个 CSV 我正在尝试从中读取数据以使该图表运行。 我找到了其他示例,但他们正在处理 JSON 或数组,不幸的是我的 js 技能还没有。 我收到了这个错误:(我在 SO 上看到其他 ...

在 React Hooks 和 D3 中使用转换 - Using transitions in React Hooks and D3

我正在尝试复制在 React with Hooks 中看到的量规。 这是我第一次使用 D3.js,尽管我设法复制了仪表本身,但行为有点奇怪(指针的转换不起作用),我并不完全理解 useEffect 和 D3 之间的动态。 基本上我想添加两个针,它们每个都会接收不同的值,并在它们的值发生变化时使用转换 ...

D3.extent() 抛出 TypeError :值不可迭代 - D3.extent() throws TypeError : Values is not iterable

在过去的三个小时里,我一直在为此挠头,如果有人能帮忙,请帮忙。 我不太擅长将 D3 与 React 结合使用。 因此,基本上,我在后端 Flask 应用程序中运行了一个异常检测器算法,该算法以字典的形式返回值(然后通过 json.dumps() 转换为 json 对象),该算法将进一步使用 D3 ...

使用 react-d3-tree 进行服务器端渲染的 NextJS 问题 - NextJS issue with server side rendering with react-d3-tree

首先,我查看了react-d3-tree github上的问题编号40和95我在 StackOverflow 上没有看到任何对我有帮助的内容。 我正在尝试实现 parseJSON 方法,因此我可以从项目文件夹中获取自己的 JSON 文件,然后生成树形图。 让我们从我一开始所做的开始。 我复制粘贴了在 ...

反应 js 从父事件中更新子 state - React js update child state from an event in the parent

我有一个 WebSocket 正在向客户端提供数据,并且我在使用 D3 反应的图表中显示它(数据),所以我希望我的图表根据数据进行更改,但是要更改图表组件的 state ,我必须从定义 onMessage 事件的父组件访问它,我的问题是图表没有更新: 父组件: 子组件: 谢谢 ...

React-Material UI-D3 Promise.all 不显示图表而不双击菜单 - React-Material UI-D3 Promise.all does not show chart without double click on menu

我是 React Router 和 State 的新手,我不知道为什么如果我使用下面的条件/步骤,我的简单 D3 图表不会显示使用 Promise.all 在应用程序上加载数据并存储在 State 中(我在这里加载数据的原因是因为我尽量避免在每个图表页面上加载数据) 使用导航从应用程序调用仪表板页面 ...

2020-05-09 20:00:57   1   153    react-d3  
我已经在React中使用d3.js创建了一个折线图。 需要对其进行一些自定义,并且不确定该怎么做。 请参阅说明和代码 - I have created a line Chart using d3.js in React. Need to do some customizations on it and not sure how to do. Please see the description and code

我需要使用React和D3创建一个折线图,如下所示。 我需要创建的折线图 到目前为止,我已经拥有此图表以及我编写的折线图的代码 到目前为止的代码是- import React, { Component } from "react"; import * as d3 f ...

如何将对象数据转换为react-d3-tree已知的格式 - How to translate object data to a format known by react-d3-tree

我目前在使用react-d3-tree中的数据时遇到问题。 来自服务器的数据与react-d3-tree接受的格式不兼容。 有人告诉我,对每个​​项目使用foreach函数进行该过程都可以,但是我认为这确实很慢,尤其是当数据太大时。 现在的数据(如我的控制台中所示)是这样的: ...

在Sunburst中添加工具提示和名称 - React Adding tooltip and name to Sunburst

我不太擅长数据可视化,我想创建一个用户可以放大的Sunburst。 我已经在朋友的帮助下完成了缩放,但是无法从数据中添加文本。 这是我的可变焦森伯斯特代码。 当前,该可视化不显示data.js中数据的名称。 我想显示它并添加一个工具提示。 我该如何实现? ...

反应合成事件奇怪的行为 - React Synthetic Event strange behavior

我搜寻了其他答案, 这个答案最接近我正在处理的答案。 但是我的问题仍然存在。 我无法访问综合事件的属性。 像shiftKey 在某些情况下,我使用的是与react-d3-tree库打包在一起的onClick处理程序 我以为这只是库引起的问题。 但是在单击处理程序中,我可以 ...

React-d3 findComponentRoot(...,.0.0.1.0.0.1.0。$ / = 13.0。$ faux-dom-0):无法找到元素 - React-d3 findComponentRoot(…, .0.0.1.0.0.1.0.$/=13.0.$faux-dom-0): Unable to find element

我尝试将react和react-d3一起使用react,但是我一直都报错,第一次,我使用react v16但是它请求React v0.14.9 。 现在,我可以在错误出现之前查看图表。 我已经从react d3使用了这个tuto 。 设置后出现该错误: 听起来我有一张桌子, ...

React和D3:无法读取未定义的属性“ X” - React and D3: Cannot read property 'X' of undefined

这是React的新手,我有一个项目,将其安装到我的项目并创建此类后,将使用D3创建图表: 但是结果是我得到了这样的错误 : 我知道在React版本15.5之后,您必须从如下所示的prop-types导入PropType: 要么 现在我的问题是我将其导入到哪里,因 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM