css - 如何将angular-7中的 "%"中的 "Point"更改为 "ng-circle-progress"?

标签 css angular

我刚刚启动了一个基于 Angular Web 应用程序,其中有一个圆形进度条,我在本节中使用了 "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>  

最佳答案

正如我在文档中看到的那样,通过保持 [showSubtitle]="false"[showUnits]="false"

并通过添加带有回调函数的其他选项subtitleFormat 可以实现您的要求。

对于subtitleFormat 回调实现你可以引用here

谢谢

关于css - 如何将angular-7中的 "%"中的 "Point"更改为 "ng-circle-progress"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54478654/

相关文章:

angular - 调试来自 Chrome 开发工具的 Firestore 网络请求

javascript - Angular CLI 在项目创建后添加 SASS

angular - 动态函数调用 Angular 2

angular - 如何将 mapbox-gl-draw 导入 Angular 2/4?

css - css位置之间有什么区别?

javascript - 设置嵌套 div 以填充所有父级

javascript - 当网格上面的内容被隐藏时,如何向上滑动网格?

angular - 使用 ReflectiveInjector 注入(inject)服务,无需指定依赖树中的所有类

jquery - 带有消息框的多个表单上的 HTML5 float 提交按钮?

php - Div 将更改与将类放在 id 之后对齐