Здравствуйте, я пытаюсь понять этот пример и этот другой пример , чтобы добавить линии сетки в область с накоплением.
tiksArray = [1900, 1950, 2000, 2010];
keys = ["Amanda", "Ashley", "Betty", "Deborah"];
// Add X axis
const dX = d3.extent(nbrOfBabies, d => d.year);
const x = d3.scaleLinear()
.domain(dX)
.range([0, this.width]);
svg.append("g")
.attr("class", "grid")
.attr("transform", `translate(0,${this.height})`)
.call(this.make_x_gridlines(x)
.tickSize(-this.height)
.tickFormat(null)
);
// gridlines in x axis function
make_x_gridlines(x) {
const bttm = d3.axisBottom(x)
.tickValues(this.tiksArray);
return bttm;
}
Я получаю этот график. Я хотел бы знать значение Х этих тиков, то есть 1900 , 1950 , 2000. Я хотел бы знать, где начинается каждая строка, чтобы я мог добавить легенду для каждогоколонка.
Спасибо за помощь.