Графики ngx: линейная диаграмма определяет ширину линии

Я использую ngxChart для проекта, все в порядке, но я считаю, что ширина линии очень тонкая, и я просто не могу понять, как ее увеличить.

Любая помощь?


javascript angular ngx-charts
person Hadrien Delphin    schedule 26.03.2020    source источник
comment
какая линия. Ось X или Yaxis?   -  person Mr Khan    schedule 27.03.2020
comment
Это на линейном графике, и это просто линия, нарисованная графиком, которую я не могу увеличить. Не ось X или Y, а сама линия   -  person Hadrien Delphin    schedule 27.03.2020

Ответы (1)


arrow_upward
6
arrow_downward

Добавьте следующее правило в свой глобальный styles.scss файл:

/* Make lines in line chart thick, with rounded ends */
g.line-chart > g:last-of-type > g:nth-child(n) g.line-series > path {
  stroke-width: 10;
  stroke-linecap: round;
}

n в g:nth-child(n) можно заменить числом, которое ссылается на номер строки, которую вы хотите изменить (например, 0 для первой строки), или что-то вроде 2n для каждой второй строки.

И, очевидно, ширину 10 можно изменить на любую ширину.

person Ollie    schedule 15.06.2020