在SVG中切换X轴和Y轴？

文章/答案/技术大牛

发布

1回答

svg、svg-transforms

如何重用相同的SVG代码，并且只需切换X和Y轴即可实现此目的？它实际上不仅仅是X和Y，还有矩形的高度和宽度。这有可能吗？我希望避免两次编写非常相似的代码。示例:我分别构建了两个图表，理想情况下，第二个图表应该通过重用第一个图表中的代码来生成。 y="60%" width="40%" height="40%" fill=

浏览 37提问于2021-09-16得票数 1

回答已采纳

2回答

SAP Lumira Designer:如何在折线图中交换轴？

sap、sap-lumira

如何使x轴成为y轴，反之亦然？我尝试在图表配置中拖动值，但不起作用。

浏览 1提问于2018-05-24得票数 0

1回答

如何在Jquery中获取svg路径元素的面向度

jquery、svg

我有一个svg map，它有许多看起来都很相似的path元素。我想要得到他们的x轴，y轴和角度(变换/旋转/度数)的位置，以便进行其他操作。

浏览 0提问于2013-06-20得票数 1

1回答

为什么偏斜一个具有Y集的元素，将它也移到X上？

svg、skew

下面是X/Y设置为0的： <rect x="0" y="0" width="100" height="100" <rect x=

浏览 2提问于2018-06-21得票数 0

1回答

线图轴变焦

javascript、d3.js、svg

第一个问题是x轴不随缩放而缩放。我用这个开始了：，但是我不知道为什么我的轴不缩放。 .orient("bottom").ticks(10); .orient("left").ticks(5); var zoom

浏览 2提问于2016-01-01得票数 0

1回答

在D3 v4中，如何正确对齐轴？

javascript、d3.js

我使用scaleBand()创建了一个带有x轴的条形图。现在，我已经创建了一个y轴，但我的问题是，无论我如何定位它，它都会切入图形的实际条形图。var width = 350；var height = 300；var y = d3.scaleLinear() .domain第一个问题:如何“挤压”(或缩放)y轴，使其显示在</

浏览 1提问于2016-09-17得票数 2

回答已采纳

1回答

在d3.js中移动轴

javascript、d3.js、svg

我现在在我的图中有两个轴，它们卡在图的最左边和底部。我希望使轴与(0,0)坐标对齐，换句话说，我希望轴位于x=0和y=0 //setup x .scale(xRange) .tickSubdivide(true), //setup y

浏览 4提问于2015-08-25得票数 0

回答已采纳

2回答

Matlab坐标系与我们常用的坐标系不同

matlab、coordinate-systems

我注意到，在Matlab中，坐标系有点不同，但我不能确定我的观察是否正确。当我尝试做一些简单的图像处理时，我注意到X和Y轴是相反的： Matlab中的纵轴是它的X轴，水平轴是它的Y轴。那么，Matlab中的coorindate将我们通常的X轴切换到Y轴，我们通常的Y<

浏览 1提问于2013-03-24得票数 1

回答已采纳

1回答

当用户点击plot bands时，我想切换x轴和y轴的绘图波段。我知道我们可以使用#addPlotBandOrLine和#removePlotBandOrLine来切换绘图带。我在highcharts.js中使用了set Visible: function (visible, redraw)中的代码 setVisible: function (vis, redraw) {showOrHide == 'hid

浏览 5提问于2014-01-09得票数 0

1回答

在d3.js中使用县Id将圆动态插入到地图中

javascript、sockets、d3.js

我正尝试在地图/HTML页面的质心处插入一个圆圈 socket.on = io.isAffected = data.affected; //may be 0 or 1 svg.selectAll通过这种方式，我删除了通过套接字创建的svg。

浏览 1提问于2016-09-23得票数 0

3回答

D3js & CSS选择器

javascript、html、css、d3.js

path, { fill: none; stroke: grey; stroke-width: 1; shape-rendering: crispEdges;}svg.append("g").attr("class", "x axis") 有人能解释"x<

浏览 3提问于2014-12-01得票数 0

回答已采纳

1回答

D3.js:生成一个X轴移除我点的一些标签，生成一个Y轴将它们全部删除

javascript、d3.js、svg

编辑:在西里尔正确地解决了问题后，我注意到简单地将生成我的轴的函数放在生成标签的函数下面就解决了这个问题。我几乎已经阅读了O‘’Reilly关于D3.js的教程，并在倒数第二页上绘制了散点图，但是当添加以下代码以生成X轴时，我的标签中有一半以上消失了：var xAxiscall(xAxis);var m

浏览 2提问于2015-10-01得票数 0

回答已采纳

1回答

更新条形图和删除标签

javascript、d3.js

我有一个条形图，我想要更新数据和坐标值。到目前为止，我只成功地删除了条，但我不能删除x轴和y轴的标签。我使用了svg.selectAll(".bar").remove()；但它只去掉了横条，只留下了x轴和y轴。 return d.frequency;

浏览 2提问于2016-04-05得票数 0

1回答

D3可调整大小的椭圆

d3.js、svg、resize、ellipse、resizable

我需要在D3中创建一个可调整大小的椭圆。我想通过在椭圆的右下角抓取一个拖动处理程序来缩放它。我已经找到了几个可调整大小的圆的例子(就像这个：)，但是没有一个是椭圆的。任何帮助都是最好的..。谢谢!

浏览 0提问于2015-10-07得票数 2

1回答

d3.js是如何区分X轴和Y轴的？

javascript、d3.js

因此，我最近正在学习d3，并遇到了一个小问题:当人们创建x轴和y轴时，如何从代码中判断首先创建哪个轴？//Create X axis .attr("class", "axis") .attr("transform.attr("transfor

浏览 1提问于2016-02-19得票数 1

回答已采纳

1回答

用d3.js实现组元素(<g>)的呈现顺序

javascript、d3.js、svg

在阅读了和之后，我了解到呈现顺序实际上是一个时序。 <svg>的子元素是在z轴中排序的，与呈现的时间有关，这意味着已经呈现的元素首先位于底部，最后呈现的元素位于同一区域所有其他元素的顶部。如果您查看和结果，辅助线(<line>元素)位于图形线(<path>元素)之上。辅助线在轴组中分组，每条图形线将在一个单独的组中绘制。但是首先呈现轴，至少在运行addYAxis之前调用函数hand

浏览 6提问于2015-12-21得票数 1

回答已采纳

1回答

d3.js条形图中的极限x和y轴刻度

d3.js、angularjs-directive

我不知道我们怎么能限制no.of x和y轴的刻度。margin.top - margin.bottom; .append("svgextent(data, function(d) { return d.value; })) var xAxis = d3.svg.axis(

浏览 2提问于2014-12-10得票数 0

回答已采纳

1回答

使用d3.js定位xAxis和yAxis

d3.js

源代码是，这个问题专门用正值和负值绘制x轴和y轴。x轴定位在相反轴上的0处。，WHat，I，很难，把y轴x轴定位在相反轴上的0。我这样做的方法是首先绘制y轴，但将其隐藏起来： .attr('class', &

浏览 0提问于2016-02-01得票数 2

1回答

D3.js:使用鼠标滚轮滚动缩放x轴和数据

javascript、graph、svg、d3.js、visualization

我有一个图表，我想通过滚动鼠标滚轮只在a轴和数据上进行放大。现在，我让整个图形在鼠标滚轮的滚动上缩放，而不仅仅是x轴。

浏览 1提问于2012-11-26得票数 4

2回答

preserveAspectRatio似乎不会改变svg图像

html、css、svg

我已经在网上阅读了许多关于viewBox属性和纵横比的教程，我感到困惑。 <circler="25" cx="30"

浏览 0提问于2018-12-24得票数 1

点击加载更多