html - 如何创建自定义仪表图？

Question

我正在使用 Angular 框架开发一个应用程序。我需要创建一个如下所示的仪表图，我尝试过 ngx-chart 但仪表图与要求完全不同。有任何想法吗？

定制量规

标签： htmlcssangular

Answer 1

第一次运行npm install angular-gauge-chart

// 你的应用模块：

import { GaugeChartModule } from 'angular-gauge-chart'

imports: [
    GaugeChartModule,
]

// 你的 tmpl:

<rg-gauge-chart
    [canvasWidth]="canvasWidth"
    [needleValue]="needleValue"
    [centralLabel]="centralLabel"
    [options]="options"
    [name]="name"
    [bottomLabel]="bottomLabel">
</rg-gauge-chart>