javascript - 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 选择图表的 x 轴和 y 轴来改变它们，但是 html 元素几乎相同，所以我不知道如何单独选择它们。使用 d3.select('.dimple-axis').attr("id","x-axis");我已经能够将唯一标识符添加到 x 轴(列出的第一个元素)，但我无法选择 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 选择它，有什么想法吗？

谢谢!

Answer 1

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

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