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 для выбора х и у осей диаграмму, чтобы изменить их, но элементы 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>

Любые идеи о том, как добавить уникальный идентификатор к оси у на постоянной основе, либо каким-то образом выбрать он использует d3?

Спасибо!

Answer 1

Я не знаю dimplejs, но на the examples, представленном на их веб-сайте, кажется, что оси X и Y имеют соответствующие классы CSS dimple-axis-x и dimple-axis-x.

Возможно, вам стоит попробовать обновить версию dimplejs?