Я пытаюсь построить диаграмму, точно такую же, как диаграмма изменчивости JMP, используя d3 с несколькими категоризованными осями X. Я подумал, что самым простым способом было бы добавить столько осей x, сколько имеется полей в данных, и использовать дискретные значения полей для доменов.
x.domain(this.data.map(function(d) { return d.ItemId; }));
x1.domain(this.data.map(function(d) { return d.Category; }));
x2.domain(this.data.map(function(d) { return d.Name; }));
Однако я не могу понять, как отобразить координату x точек, поскольку есть несколько параметров, которые мне нужно отслеживать. Вы можете видеть, что первая ось X и параметры рядом с точкой совпадают, но последующие не совпадают с соответствующей осью X. Любые предложения будут полезны. Вот скрипка.
https://jsfiddle.net/rgshenoy/8qwzjLyg/10/
Чего я хочу достичь по сравнению с тем, что у меня есть.