javascript - 如何在 Angular 项目中使用 ng-circle-progress src 代码?
问题描述
我正在使用 Angular 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
?
解决方案
我认为这是一个错误。
在浏览器中打开开发工具面板,你能看到标题右侧有一个空白吗?
你最好发布一个问题。
推荐阅读
- json - 如何在 django 中使用 API 返回多个值
- javascript - CSS 高级 3D 旋转控制
- java - Web 服务套件的自我更新模拟器
- css - 如何将 CSS flex 属性应用于嵌套元素
- sql - 如何仅获取有限数量的连接结果?
- javascript - element.scrollTop 在设置非常大的值时跨浏览器具有不同的行为
- java - Android Studio 上的 startB.setVisibility(View.VISIBLE) 崩溃
- r - geom_area ggplot 用数据子集填充阈值以上
- apache-kafka - Kafka如何保证零停机和零数据丢失?
- python - 我可以在两个程序中使用相同的 google vision api json 文件进行 OCR 转换吗?