как использовать код sgc ng-circle-progress в угловом проекте?

Question

Я использую угловой 6, и я хочу использовать ng-circle-progress. Я реализовал круги, но я хочу изменить что-то, что, я думаю, мне следует сделать из кода src. в кругах есть опции units и title, и я хочу, чтобы они стали ближе друг к другу. Как мне это сделать?

app.module.ts

import {
  NgCircleProgressModule
} from 'ng-circle-progress';

imports: [
  CommonModule,
  RouterModule.forChild(HomeRoutingModule),
  NgCircleProgressModule.forRoot({
    "units": "Liter",
    "outerStrokeLinecap": "butt"
  })
]

home.component.html

<circle-progress
    [percent]="65"
    [radius]="100"
    [outerStrokeWidth]="8"
    [innerStrokeWidth]="2"
    [outerStrokeColor]=tank.outerColor
    [innerStrokeColor]="'#e2e2e2'"
    [animation]="true"
    [animationDuration]="300"
    [space]="5"
    [showSubtitle]= "false"
    [showUnits]= "true"
    [unitsFontSize]= "15"
    [titleFontSize]= "45"
    [clockwise]= "false">
</circle-progress>

и это изображение вывода. как я могу контролировать пространство между 65 и liter?

Answer 1

Я думаю, что это ошибка.

Откройте панель инструментов разработки в браузере, видите ли вы пустое пространство справа от заголовка?

Вы бы лучше опубликовать вопрос.

https://github.com/bootsoon/ng-circle-progress/issues

Answer 2

Чтобы контролировать расстояние между внешним и внутренним кругами, настройте параметр «пробел». Если вы хотите уменьшить расстояние между кружками, используйте отрицательные значения.

Примерно так:

<circle-progress
    ..... //other options
    [space]="-5"
    ..... //other options
</circle-progress>

Если вы хотите установить значение по умолчанию для всех индикаторов выполнения в приложении, вы можете добавить эту опцию в импорт следующим образом:

imports: [
    NgCircleProgressModule.forRoot({
        space = -5
      })
]