由于<path>属性d: Expected，"M0，NaNL38.695652173…“，无法显示D3.js的折线图。
由于<path>属性d: Expected，"M0，NaNL38.695652173…"，无法显示D3.js的折线图。
这个问题可能是由于<path>属性d中的坐标数据有误导致的。首先，<path>元素是用于定义路径的SVG元素，它的d属性描述了路径的形状。在这个问题中，d属性的值是"M0, NaNL38.695652173..."，其中NaN表示不是一个数字。
问题的解决方法是检查路径数据的坐标值是否正确，并确保它们是有效的数字。特别是在这个问题中，NaN表示无效的数字，可能是由于数据处理过程中的错误导致的。
关于D3.js的折线图，D3.js是一个流行的JavaScript数据可视化库，可以帮助我们创建各种交互式和动态的数据图表。折线图是其中的一种类型，用于显示连续变量随时间或其他连续性变量的趋势。
D3.js提供了用于创建和操作SVG元素的功能，因此我们可以使用<path>元素来绘制折线图的路径。在路径中，每个坐标点都由一个命令和相应的参数组成，用于指定路径的形状。例如，"M0,0L100,50L200,100"表示从坐标点(0,0)开始，绘制一条直线到(100,50)，然后再绘制一条直线到(200,100)。
要解决无法显示折线图的问题，我们需要检查<path>元素的d属性值，并确保它是正确的坐标数据。在这个问题中，d属性的值中包含了NaN，这是一个无效的数字。可能是在数据处理过程中，某些数据的计算结果出现了问题，导致了这个错误。
为了解决这个问题，我们需要检查数据的计算过程，确保每个坐标点的计算都是准确的，并且可以得到有效的数字。另外，还要确保数据在传递给D3.js时没有出现问题。可以通过调试代码，逐步排查问题的根源。
关于推荐的腾讯云相关产品和产品介绍链接地址，可以参考以下腾讯云的产品：
- 云服务器（Elastic Cloud Server，ECS）：提供稳定可靠的云服务器实例，满足不同业务场景的需求。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL版（TencentDB for MySQL）：基于云计算和分布式技术构建的一种高性能、可扩展的数据库服务。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云对象存储（Tencent Cloud Object Storage，COS）：提供安全、稳定、低成本、高可扩展的云端存储服务。了解更多：https://cloud.tencent.com/product/cos
- 人工智能平台（Tencent AI Lab）：为开发者提供智能语音、图像识别、自然语言处理等人工智能能力的开放平台。了解更多：https://cloud.tencent.com/product/ai
这些产品可以满足不同的云计算需求，帮助开发者构建稳定可靠的应用程序，并提供丰富的功能和服务。希望以上信息能对您有所帮助。
相关·内容
折线图不会按原样显示。我的折线图x轴上的时间没有显示00:00:00到23:00:00之间的时间间隔。它只显示凌晨3点、9点、12点、3点、6点和9点，数据也不会显示在y轴上。我预计它会显示0,10,20...100，如下图所示： ? 但是每当我查看控制台时，我就会得到这样的错误：<path> attribute d: Expected</e
浏览 19提问于2020-04-30得票数 0
回答已采纳
1回答
我正在尝试使用d3.js和创建折线图，但我一直收到呈现错误，这似乎导致一些元素无法正确绘制，或者根本没有绘制。错误控制台中显示的错误是Error: Problem parsing d="MZ"我用来创建图形的代码是：
nv.ad
浏览 2提问于2013-03-09得票数 4
当为svg/path节点设置无效的d值时，我如何捕捉或知道是否发生了错误？我试图用try/catch包装调用，但这不起作用： dotArray[i][j] = dotG .attr('d','waaa');catch (error) {}
抓到<em
浏览 3提问于2016-01-22得票数 2
我有一个D3.js折线图，我想在用户输入时更新它。一种路径是“总价格”，由固定价格+可变成本组成。我还显示了一个“固定价格”行(而不是路径)。 我有一个滑块来更改固定成本的值，然后更新路径和线。该行接受新输入的滑块值，并按预期进行更新。然而，路径开始用非常负的y值绘制，因此不会在图表上显示。 我是不是遗漏了一些逻辑？如果我使用滑块值，在第一次绘制时也会出现同样的问题。 我以前在D3中成功地更新了折线图，但这通常是在更
浏览 16提问于2019-05-21得票数 0
回答已采纳
1回答
我已经使用React Native ART和d3.js创建了条形图。现在，我希望每个栏在点击该栏时都会突出显示。但是由于bar是通过使用d3-path转换为path的，所以我将此path提供给React Native ART的Shape组件的d属性。
浏览 0提问于2017-03-16得票数 2
我无法在d3.js中绘制折线图，我写了一些代码，但启用了显示图形，如何为给定数据绘制折线图。我有一个问题，如何解析给定数据的数据，并为代码的给定数据绘制折线图。%d.+(d.key[1]+1)+"."+(d.key[2])+".".extent(d3.map(function (d){return d.ke
浏览 0提问于2015-01-25得票数 0
这是我第一次来这里，因为我总是在stackoverflow中找到我需要的答案，但这一次我找到了一些答案，但都没有工作……<path> attribute d: Expected number, "MNaN,236.32LNa
浏览 2提问于2018-03-24得票数 0
1回答
D3.js折线图不在窗口中显示 大家好，我是javascript的新手，举几个例子，我模拟了d3.js linechart的这个实现。由于某种原因，它没有在窗口上绘制图形，而是给我一个空白屏幕。.timeParse("%d-%b-%y");
d.time=parseDate(d.time);
浏览 11提问于2019-09-12得票数 0
回答已采纳
“输出”窗口现在充满了以下内容，所有引用控件都不是“我的窗口”按钮：
System.Windows.Data信息: 10 :无法使用绑定检索值，并且不存在有效的回退值；使用默认值代替。Visual中的Output窗口显示了以下错误(矛盾的是，所有这些错误似乎都与关闭窗口按钮相关，后者是唯一使用它的样式TitleButton处理的)。='Close')；目标属性为'Command’(键入'ICo
浏览 7提问于2017-06-29得票数 3
目前正在尝试使用D3创建一个简单的折线图，但我在显示数据时遇到了一些困难。代码似乎工作正常(轴生成正常)，但是由于某些原因，当我运行代码时，标记中的"d“属性是不存在的。“填充”、“笔划”和“笔划宽度”属性显示得很好。d3.csv(".(&#x
浏览 24提问于2019-07-31得票数 0
回答已采纳
1回答
fill="none" stroke="#ff0000" stroke-width="6" pointer-events="visibleStroke" d="M0 3C100 3 310.015625当鼠标位于不重叠区域的顶部时，悬停将按预期的方式工作，但是，当鼠标位于svg元素边框重叠区域的顶部时，鼠标事件将无法正确触发。="visibleStroke" d
浏览 1提问于2014-07-30得票数 3
回答已采纳
我用d3.js制作一个热图。我的数据是一个对象，我从其中提取出了最大和最小的年份。当我使用d3.timeScale()初始化我的x轴时，我得到一个错误，我所有的年呈现在x的相同位置上(这是由于控制台上的以下错误)
d3.min.js:2 Error: <path> attributed: Expected number, "MNaN,6V0.5HNaNV6&q
浏览 4提问于2017-09-13得票数 0
回答已采纳
1回答
由于某些原因，我无法获得一个非常简单的折线图来显示，即使我正在使用来自以下来源的代码片段：https://www.dashingd3js.com/svg-paths-and-d3js 我对d3还是个新手我意识到源代码片段没有xScale或yScale变量( StackOverflow上的一些解决方案推荐)，所以我尝试将它们合并到代码片段中，但无济于事……我甚至不确定我是否正确地使用了scale函数。我已经
浏览 17提问于2019-04-01得票数 2
回答已采纳
1回答
我正在尝试使一个(使用D3.js) Web可访问。
目标:当用户调用特定的图表(在本例中是太阳暴晒)时，图表扩展到视图中。我的意图是在图表的特定元素上创建一个默认焦点，这样一旦用户调用/选择图表，图表就会自动具有焦点。我已经将中心节点设置为具有Tabindex:0的属性。因此，现在可以通过键盘导航(选项卡)访问中心节点。var defaultNode = d3.select(sunburstChartdetail").select("<em
浏览 1提问于2016-02-19得票数 0
我是D3.js的初学者。我正在尝试使用D3js中的Dynamic JSON创建一个简单的折线图。由于某些原因，我无法正确解析JSON，轴也没有正确更新。下面是我的代码：<head> font: 10px sans-serif; .axis line {
fill(data.response)
浏览 1提问于2014-12-30得票数 0
现在，我看到许多主题使用放置在div上的三角形/箭头掩码。但如果可能的话，我想做一个倒(负)边框半径，形成一个半圆，有点像这样我几乎有径向梯度，但它只是看上去尖锐的Chrome。no-repeat; width:100%; bottom:0;}
如果你知道更好的方法在 的帮助下找到了合适的解决方案，它还使用透明颜色 thnx帮助。
浏览 6提问于2015-09-03得票数 6
首先，让我说，我已经尝试了其他解决方案来解决这个发布在Stack Overflow上的错误，但都无济于事。当我运行此命令时，浏览器控制台显示错误：d3.v3.min.js:1 Error: <path> attribute d: Expected number, "MNaN,261.66666666…我认为问题在于X轴是由字符串组成的。不过，我不知道如何正确地将这些数字转换
浏览 25提问于2018-02-21得票数 2
回答已采纳
2回答
我有一个红色和绿色三角形的基本条形图。红色三角形对数据进行负比较，如果数据为正，则为绿色三角形。绿色三角形应该总是指向向上，红色向下在栏的底部，如果数据是中性的，圆圈应该显示。我无法将箭头/三角形对齐到底部(触摸x轴)，也无法根据条件旋转箭头指向上或下。这是我的密码 .data(input.filter(function (d) { return d<
浏览 5提问于2015-05-26得票数 1
回答已采纳
1回答
我正在学习d3.js，这是我试图学习的区域图，但是我得到了以下错误： <script src="https://d3js.org/d3.v7.min.js"></script> svg.append("<e
浏览 12提问于2022-10-04得票数 0
1回答
我在IE9中遇到了类似"SVG4601: SVG路径数据格式不正确，无法完全解析“的问题，当我使用Raphael和SVG在HTML5页面中绘制饼图时。当我绘制svg path时，由于"d“属性，d="(path data)”为null，所以饼图没有出现，并显示控制台错误，如"SVG4601: SVG Path data有不正确的格式，无法完全
浏览 0提问于2013-05-09得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
