Измените толщину/ширину линий осей диаграммы d3, не затрагивая метки меток.

Question

Я работаю над диаграммой Power Bi d3, и я пытаюсь изменить толщину/ширину линий осей диаграммы. Этот следующий код изменяет ширину линии, но также влияет на метки тика, резко изменяя шрифт.

Я НЕ хочу воздействовать на этикетки тика. Как я могу изменить только оси оси?

Answer 1

Не знаю ничего о powerbi, но я предполагаю, что this.xAxis - это элемент g, который группирует все компоненты оси. A g не создает стиль напрямую, поэтому все элементы под ним наследуются от него (включая элементы text).

Итак, ответ здесь должен уточнить ваш стиль. Вы можете сделать это с

this.xAxis.select('path') 
    .style({ 'stroke': 'black', 'fill': 'none', 'stroke-width': '1px'}); 

Какой бы стиль просто горизонтальная линия оси. Или:

this.xAxis.selectAll('line') 
    .style({ 'stroke': 'black', 'fill': 'none', 'stroke-width': '1px'}); 

Какой стиль будет тикать отметки.

Как в стороне, я бы не стиль, как это вообще и, вероятно, буду делать это с помощью обычного CSS:

.axis { 
    font: 10px sans-serif; 
} 

.axis path, 
.axis line { 
    fill: none; 
    stroke: #000; 
    shape-rendering: crispEdges; 
    stroke-width: 10px; 
} 

Это установить шрифт для всей оси g и установите засечки и линия по оси должна быть черной и толстой.