面临以下问题:错误：<rect>属性高度:预期长度，"NaN“和错误：<rect>属性y:预期长度，"NaN”
这个错误是由于在SVG（可缩放矢量图形）中的<rect>元素中，高度（height）和y坐标（y）属性的值被设置为了非数字（NaN）导致的。
SVG是一种用于描述二维矢量图形的XML标记语言，常用于Web开发中的图形绘制。在SVG中，<rect>元素用于绘制矩形，其中包含了一些属性来定义矩形的位置、大小和样式。
对于这个错误，需要检查<rect>元素中的高度（height）和y坐标（y）属性的值是否正确设置。这两个属性的值应该是数字类型的，表示矩形的高度和y轴坐标。
如果出现了"NaN"的错误，可能是由于在设置这些属性值时出现了错误的计算或转换，导致最终的值不是有效的数字。可以通过检查代码逻辑、数据类型转换等方式来解决这个问题。
在云计算领域中，与SVG相关的应用场景相对较少。但是，如果需要在云计算环境中使用SVG进行图形绘制，可以考虑使用腾讯云的云服务器（CVM）来搭建运行环境，并使用腾讯云对象存储（COS）来存储SVG文件。此外，腾讯云还提供了云函数（SCF）和API网关（API Gateway）等服务，可以用于处理SVG文件的生成和展示。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- API网关（API Gateway）：https://cloud.tencent.com/product/apigateway
相关·内容
但是面临这样的错误: Error: attribute height: Expected，"NaN“和Error: attribute y: Expected，"NaN”。.text("Stock Price");
.data(data)
.enter().append("rect, function(d)
浏览 67提问于2021-02-18得票数 0
我已经对代码进行了调整，以匹配我的csv数据集，但不幸的是，我在计算y和高度属性时遇到了问题：
<!array
var colors
浏览 9提问于2017-10-04得票数 5
回答已采纳
我试图用D3实现一个条形图，但它似乎给了我一个如下错误：
.ticks(10, "");
.tickFormat(d3.timeFormat("%Y").append("div")
let svg = d3.select("sv
浏览 0提问于2018-10-22得票数 1
回答已采纳
我想在D3中实现一个条形图，但是我在dx轴上的值是D3库应该接受的Date类型的数据类型，但是它似乎给了我这样的错误: attribute width: Expected，"NaN“。.data(dataset) .append("rectreturn xScale(i) + rectPadding/2;
浏览 1提问于2016-11-22得票数 15
回答已采纳
这是我第一次尝试d3 .rangeRoundBands([0, width], .1);
.text("Count");
.data(data)
.enter().a
浏览 51提问于2017-12-28得票数 0
回答已采纳
当我试图创建这个数据D3的可视化时，它会显示一条错误消息。"d3.js:670 Error: <rect> attribute height: Expected length, "NaN".d3.js:670 Error: <rect> attribute height: Expected length, "NaN".
浏览 1提问于2016-06-04得票数 2
回答已采纳
console.log(jqXHR, textStatus, errorThrown); });
那么，我如何解决这个问题，或者是将数据从json传递到图表的另一种方式？
谢谢
浏览 1提问于2020-06-26得票数 0
回答已采纳
1回答
我对d3.js很陌生，当我尝试运行以下代码时，我收到了一个错误: Error:属性高度:预期长度，"NaN“： .attr('height', function(d){return (d * 5);但我似乎解决不了这个问题。chartWidth)
/&
浏览 3提问于2020-03-10得票数 1
回答已采纳
我想尝试在highcharts中显示一个图表，这是一个热图图表。当我有少量数据时，它可以正常工作，但当我有大量数据时，它就会被销毁。 type: 'heatmap', marginBottom: 80, height: 600我把它保存在里了。
浏览 0提问于2018-01-09得票数 4
1回答
使用下面的代码将给出以下控制台错误：错误:属性高度:预期长度，"NaN“。
图表本身没有数据显示。我知道在最后几行代码行中设置y和高度时会出现错误。如果我用数字替换y(d.CasesTotal)，
浏览 2提问于2020-06-11得票数 0
2回答
我试图用角图生成一些饼形图，但当我构建应用程序时，我总是会发现错误：
错误:属性转换:尾随垃圾，“翻译(60，NaN)”
{
浏览 4提问于2016-09-07得票数 4
回答已采纳
我试图用D3在ReactJS中创建树状图，下面是我的代码，我得到了这个错误，但不知道为什么： .enter()
cell.append("rect.attr("width", (d) => { return d.x1 - d.x
浏览 0提问于2017-08-02得票数 2
回答已采纳
return yscale(d.habitable_temperature); .attr("r", 10)
我收到错误:属性cx:预期长度，"NaN“，请帮助我。我几乎在任何地方都试过检查，但没能解决这个问题。
浏览 1提问于2018-05-05得票数 0
回答已采纳
1回答
data)) .attr("class","serie")serie.selectAll("rect") .enter().append("rect")
浏览 0提问于2018-09-05得票数 0
回答已采纳
我尝试使用融合图表()和d3 js。我在d3.js ( )中遇到的最接近的时候，我试图用缺失的数据点来实现它，因为我得到了一个错误
我的数据例子就在这个小提琴里。
或者，
浏览 3提问于2017-03-16得票数 1
回答已采纳
我犯了这个错误$scope.createTimeline = function(callsSource, tag, nameField) { listSeg.pus
浏览 2提问于2022-04-12得票数 2
1回答
无法创建堆叠条形图？
、、、
在单击按钮图表时，如果display.On单击一个按钮，我将得到以下错误。错误:属性高度:预期长度，"NaN“。
错误:属性宽度:预期长度，"10,900“。= groups.selectAll("
浏览 0提问于2019-04-05得票数 2
回答已采纳
我试图用d3 v3显示一个盒形图，并得到了与其他人相同的错误：完全错误消息：
错误:属性y:预期长度，"
浏览 1提问于2018-05-08得票数 2
它使我在每次渲染星号和结束日期时都会显示这个错误。我已经尝试给日期格式很长时间，但仍然错误显示..。开始: Date.UTC(2019，02，30)，//这一行是错误结束: Date.UTC(2019，08，23)，//这一行是错误:属性x:预期长度，"NaN“。错误:属性宽度:预期长度，"NaN
浏览 0提问于2019-04-23得票数 2
回答已采纳
1回答
我对数据可视化和JavaScript非常陌生，我正在尝试使用d3 v4构建条形图直方图。我第一次在d3 v3上工作，一切都进行得很顺利，但我被告知我需要在v4上工作。bars.append("rect") .attr("y", function(d在尝试运行这个程序时，我有以下两个错误：
错误:属性<
浏览 3提问于2017-01-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
