Heatmap
按星期与小时显示,五级色阶从底色到系列 1;绝不使用彩虹色。
<Heatmap aria-label="Requests by hour and weekday" rows={days} columns={hours} values={values} />import { Heatmap } from "@logicplanes/kaeso-ui";属性
aria-labelstring图表的无障碍名称(“按模型统计的请求”)。
columnLabelEverynumber = 3每隔 n 列标注一次,从第一列开始(默认 3),让密集的列保持可读。
columnsstring[]列标签,从左到右(小时或周)。
formatValue((v: number) => string) = (v) => formatNumber(v)为单元格的提示框和屏幕阅读器格式化其值。默认为
formatNumber。rowsstring[]行标签,从上到下(星期)。
valuesnumber[][]按先行后列排列的值:
values[row][column]。最深的一级为最大值。