Как изменить цвет линии оси d3.js - PullRequest
Новая
       6

Как изменить цвет линии оси d3.js

0 голосов
/ 18 января 2019

Вот мой код.Я хочу изменить цвет фактической линии оси с черного на серый. 

var xAxisCall = d3.axisBottom(x);
  g.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0, " + height + ")")
    .call(xAxisCall)
    .selectAll("text")
        .attr("y", "10")
        .attr("x", "-5")
        .attr("text-anchor", "end")
        .attr("transform", "rotate(-40)")
        .style("fill", "#999999");

1 Ответ

0 голосов
/ 19 января 2019

Если вы используете D3 v5 (и, возможно, v4), стиль по умолчанию теперь внедряется на уровне элемента, что избавляет вас от необходимости определять его самостоятельно в CSS. Один из способов преодолеть это - переопределить это с помощью CSS! Flag flag. 

.x.axis line {
    stroke: gray !important;
}

В качестве альтернативы повторно примените его к элементам после вызова оси, используя d3: 

d3.selectAll(".x.axis line")
    .style("stroke","gray");

Может потребоваться небольшая ловкость, но принцип должен работать.

...