d3.js 和 dimple.js 两个相同的元素

Question

我使用 dimple.js 库创建了一个图表，代码如下：

var myChart = new dimple.chart(svg, data);
var x = myChart.addMeasureAxis("x", "x-measure");
x.tickFormat = "%";
var y = myChart.addMeasureAxis("y", "y-measure");
y.tickFormat = "%";
myChart.addSeries(["Attribute", "Category"], dimple.plot.scatter);
myChart.draw();

我正在尝试使用 d3 来 select 图表的 x 轴和 y 轴来改变它们，但是 html 元素几乎相同，所以我不知道如何分别 select 他们。使用 d3.select('.dimple-axis').attr("id","x-axis"); 我已经能够将唯一标识符添加到 x 轴（列出的第一个元素），但我无法 selecting y 轴。

这是 HTML 代码：

X 轴：<g class="dimple-axis" transform="translate(0, 540)" id="x-axis" style="font-family: sans-serif; font-size: 10px;">...</g>

Y 轴：<g class="dimple-axis" transform="translate(140, 0)" style="font-family: sans-serif; font-size: 10px;">...</g>

关于如何永久地向 y 轴添加唯一 ID 或以某种方式使用 d3 select 有任何想法吗？

谢谢！

Answer 1

我不知道 dimplejs，但是在他们网站上提供的 the examples 上，似乎 X 和 Y 轴分别有 CSS 类 dimple-axis-x 和dimple-axis-x.

也许您应该尝试更新您的 dimplejs 版本？

d3.js 和 dimple.js 两个相同的元素

d3.js and dimple.js two identical elements

html

javascript

jquery

d3.js

dimple.js