Как изменить «%» на «Point» в «ng-circle-progress» в angular-7? - PullRequest
0 голосов
/ 01 февраля 2019

Я только что запустил угловое веб-приложение, в котором есть круговой индикатор выполнения, и я использовал "ng-circle-progress" для этого раздела.Мне нужно изменить "%" единицу на "point" в соответствии с дизайном, но я не могу найти какие-либо варианты в плагине для реализации этого.Пожалуйста, проверьте ссылку и код, приведенный ниже, и найдите решение для этого.

Ссылка "ng-circle-progress" - https://www.npmjs.com/package/ng-circle-progress

Код -----

<circle-progress 
  [percent]="60" 
  [titleFontSize]="40" 
  [showSubtitle]="false" 
  [showUnits]="false" 
  [outerStrokeColor]="'#707070'" 
  [innerStrokeColor]="'#D4D4D4'" 
  [radius]="100" 
  [backgroundPadding]="7" 
  [outerStrokeWidth]="5" 
  [space]="-5" 
  [innerStrokeWidth]="5" 
  [animation]="true" 
  [animationDuration]="1000">
</circle-progress>  

Ответы [ 2 ]

0 голосов
/ 25 мая 2019

ng-circle-progress имеет свойство с именем units, которое по умолчанию равно "%".

Вы можете изменить его напрямую.

<circle-progress 
  [units]="point"
  [showUnits]="true" 
  ...
  ...
  >
</circle-progress>  

enter image description here

0 голосов
/ 01 февраля 2019

Как я вижу в документации, сохраняя [showSubtitle]="false" [showUnits]="false"

и добавляя другую опцию subtitleFormat с функцией обратного вызова, вы можете достичь вашего требования.

для subtitleFormat обратного вызовареализацию вы можете сослаться здесь

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...