计量组在已知范围内显示标量测量值。
import { MeterGroup } from 'primereact/metergroup';
计量组需要一个 value 作为要显示的数据,其中集合中的每个项目都应该是 MeterItem 类型。
<MeterGroup values={values} />
向数组中添加更多项目会在一个组中显示仪表。
<MeterGroup values={values} />
图标可以显示在标签旁边,而不是默认的标记。
<MeterGroup values={values} />
标签相对于仪表的位置是使用 labelPosition 属性定义的。标签的默认方向是水平的,垂直的替代方案可通过 labelOrientation 选项获得。
<MeterGroup values={values} labelPosition="start" labelOrientation="vertical" />
计量组需要一个 value 作为要显示的数据,其中集合中的每个项目都应该是 MeterItem 类型。
<MeterGroup values={values} orientation="vertical" labelOrientation="vertical" />
边界通过 min 和 max 值配置,它们的默认值分别为 0 和 100。
<MeterGroup values={values} max="200" />
计量组需要一个 value 作为要显示的数据,其中集合中的每个项目都应该是 MeterItem 类型。
<MeterGroup values={values} />
MeterGroup 组件除了 aria-valuemin、aria-valuemax 和 aria-valuenow 属性外,还使用 meter 角色。可以使用 aria-labelledby 属性定义用于描述组件的值。
组件不包含任何交互元素。