我使用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>
关于如何将唯一ID永久添加到Y轴,或者以某种方式选择使用D3的任何想法?
谢谢!
最佳答案
我不知道dimplejs,但在他们网站上提供的the examples上,X和Y轴似乎有各自的CSS类dimple-axis-x
和dimple-axis-x
。
也许你应该尝试更新你的dimplejs版本?