d3选择.attr('x1')返回r.getAttribute不是函数
d3选择.attr('x1')返回r.getAttribute不是函数是一个常见的错误，可能是由于以下原因之一导致的：
- 选择器错误：d3选择器没有选择到正确的元素。请确保选择器正确匹配到要操作的元素。可以使用d3选择器的其他方法，如.class、#id等来匹配元素。
- 元素属性不存在：选择到的元素可能没有x1属性。在使用.attr()方法获取属性值之前，应该先确保要获取的属性存在。可以使用console.log()或者.debug()方法来打印该元素的属性，以便检查是否存在x1属性。
- DOM元素不是真实元素：在使用d3进行数据可视化时，d3通常会返回虚拟元素，而不是真实的DOM元素。虚拟元素没有getAttribute()函数，因此会出现该错误。可以使用其他方法，如.property()来获取元素属性的值。
修复这个错误的方法取决于具体的场景和需求，下面是一些常见的修复方法：
- 检查选择器：确保选择器正确匹配到要操作的元素。可以使用Chrome浏览器的开发者工具或者d3提供的调试方法来检查选择器是否正确。
- 检查属性存在性：在使用.attr()方法获取属性值之前，可以先使用其他方法检查属性是否存在。例如，使用.hasAttribute()方法来检查元素是否具有x1属性。
- 使用.property()方法：如果选择的元素是虚拟元素，可以尝试使用.property()方法来获取属性值。例如，使用.property('x1')来获取元素的x1属性值。
在腾讯云中，与前端开发和数据可视化相关的产品是腾讯云的数据可视化解决方案和云函数。数据可视化解决方案可以帮助开发者构建交互式的数据可视化应用，而云函数可以让开发者以无服务器的方式运行和扩展应用。以下是相关产品的介绍链接地址：
- 腾讯云数据可视化解决方案：https://cloud.tencent.com/product/dva
- 腾讯云云函数：https://cloud.tencent.com/product/scf
相关·内容
因此，一旦x1变成了xScale1.range()[1]，它就会到达它的最终位置，并且应该会改变颜色。DOM行中的x1属性具有特定值500。我做错了什么？g1.append('line') .style('stroke', 'white') .attr</em
浏览 22提问于2020-10-15得票数 2
回答已采纳
1回答
下面是我的代码片段： .append('polyline') .attr('y1', 100)
.attr('x2', 100click')
浏览 4提问于2015-02-25得票数 2
回答已采纳
1回答
提出问题的一种方式可能是:如何重构，使其符合d3约定？(代码也包含在下面)rotateTransition(line1, 90)line1.transition().attr("rotation-around-origin或者:我该如何去修补“线”选择对象呢？
额外的问题:在第6-16行中，我创建了2个具有完全相同初始化的"line“选择。是否有基于另一个选择复制选择的d3
浏览 0提问于2013-03-01得票数 0
2回答
const lines = svg.select('lines').selectAll('line').data(arr);lines .attr('y1', d => d) .attr('y2&#x
浏览 6提问于2017-07-13得票数 3
回答已采纳
1回答
我使用data()绘制与data.length一样多的线条，但它不起作用。但是如果我把lint改为循环元素，元素数是正确的。我不知道怎么修好它。.selectAll('line').enter()代码只画了28行，但data.length是44行。.selectAll('circle').enter()如果我改变了代码，它就画了44个圆圈。
浏览 1提问于2018-02-07得票数 1
回答已采纳
1回答
基于Stephen 的指南，我尝试制作了一个d3力布局图。 var positionEdge = function(edge, nodes) { .attr("y1", function(d) { return d.source.y; })
浏览 4提问于2016-03-23得票数 1
回答已采纳
也许这是一个愚蠢的问题，但我是一个d3新手。我正在尝试改变基于源链接权重的力布局中圆的半径。为什么d.source.weight可以在tick函数内访问，而不能在其他任何地方访问？ link.attr("x1", function(d) {console.log(d.source.name + " " + d.source.weight(d) { return d.target.x; })
浏览 0提问于2013-06-13得票数 2
回答已采纳
我在函数内部创建了两个if条件，但它只接受一个if条件并返回该条件。我需要同时执行两个if条件，或者如何使用d3 js在.attr('x2'，d => self.x(0))之前编写条件 function updateLines(select) { .attr('x1', d =
浏览 15提问于2019-09-10得票数 0
2回答
我试图在d3图表上画一系列垂直线。它的数据源是x个位置的列表(在数据中)，它通过x() scale函数映射以给出正确的位置。 .attr('y1', y( maxY ) ) .attr('y2', y(
浏览 4提问于2013-09-16得票数 1
回答已采纳
1回答
我有一套大约1000个点，我想用d3js来分散图。我希望每隔一秒钟就有大约10分的时间出现。在某个地方有这样的简单例子吗？d3js教程是详细的，但是我似乎找不到适合这个案例的教程。
浏览 2提问于2013-07-14得票数 1
我是d3的新手，对javascript没有太多的经验，所以我怀疑我可能对这种语言中的工作方式有一些基本的误解。我把它归结为一个简单的例子： { "x1": 50, "y1": 50, "x2": 350, "y2": 150 },
{ "x1": 50, "y1": 150.attr("x1", function(d){retu
浏览 2提问于2013-10-11得票数 0
回答已采纳
() .startAngle(函数(D){返回Math.max(0，Math.min(2 * Math.PI，x(d.x )；}) .endAngle(函数(D){返回Math.max(0，Math.min(2 * Math.PI，x(d.x+d.dx)；}) .innerRadius(函数(D){返回Math.max(0，y(d.y))；}) .outerRadius(函数(D){返回Math.max(getRootmostAncestorByRec
浏览 0提问于2018-03-26得票数 0
回答已采纳
1)我想用"now“值显示一条垂直线2)在右边添加一点空白--当前“立即”事件被裁剪，因为最后一个(最近的)事件的右侧没有空格。maxDate.add(1).hour()例如：电流：
所需：问题：
浏览 1提问于2018-12-06得票数 0
1回答
我目前正在为rap示例扩展d3，在这里提供：
通过树状图。如果不是议会，我也不想详细谈。当我试图在我的结构上运行树状图布局时，就会出现特定的问题。我知道d3树图示例和API引用，但它们对我没有帮助。.data(treemap) .enter() .append("svg:g") .attr("class"，"item") .append("rect") .attr("x"，函数(D){<
浏览 3提问于2013-09-26得票数 2
回答已采纳
2回答
我想通过一个d3循环来链接for动画。a = function(g,dat,i){ g.transition().duration(i * 19) .attr("cx", dat[i+1].x1)
.attr("r", 10);*/
浏览 2提问于2013-01-02得票数 0
1回答
对于d3和选择器的概念来说是非常新的--只是想知道是否可以使用选择器检索元素的颜色？例如： .attr("width("line")
浏览 4提问于2015-03-06得票数 0
回答已采纳
3回答
新数据的D3JS刷新图表
、、、
下面的代码是我单击按钮时要调用的函数。做些建议吧！("g") .call(yAxis) .attr("transform","rotate(-90)") .attr
浏览 1提问于2015-12-08得票数 2
1回答
我使用的是d3散点图和相关线。一切都很好。当我添加“下载”按钮时，它可以下载图像，但是图像中缺少行。我正在使用以下功能下载图像。d3.select("#downloadplot").on("click", function(){ .attr("version", 1.1)
.attr("xmlns", "http://www.
浏览 2提问于2017-09-08得票数 1
回答已采纳
1回答
试着用刻度来填充条形图上的颜色， .domain([parseTime('00:00'), d3.max(data, function(d)d.value .range([2, 256]); .style('fill', function(d) {
return "'rgb(0,0," + x1
浏览 1提问于2017-08-02得票数 2
回答已采纳
我收到一个错误，上面写着：
d3.selectAll(".bars:not(.class" + class_keep + ")") .duration(1000) y_keep = d3.select(d[idx]).attr("y");
浏览 3提问于2017-11-02得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
