Tuya Developer Forum

import StatCharts from '@ray-js/stat-charts';

<Charts
devIdList={['vdevo168473759041567']} // 设备 id
dpList={[{ id: 27, name: '温度' }]} // 功能点 id 及 名称
unit="℃" // 数据单位
range="1month" // 以每个月为一个点
type="avg" // 统计类型, 统计该月的平均值
startDate="202301" // 数据开始时间 1月开始
endDate="202312" // 数据结束时间 12月结束
count={25} // 副标题上的数据
chartType={'line'} // 折线图
/>;

1：想要在一个图表中，显示一个功能点的多种统计类型，如代码中的温度，想要在一个表中显示平均值，最高，最低的折线。 目前这里，type="avg" 这里只能填写一种类型。
2：这个示例里的“ count={25} // 副标题上的数据”找不到对应的属性与参数
3：开发文档中的renderFooter属性，有实际使用示例吗？在Charts的代码中没有找到这项属性。

1. 目前该物料组件仅支持多个指标同一个统计类型，暂时无法支持多个统计类型，如果有需要可以尝试基于我们提供的基础图表组件自行调用统计 API 实现一下 https://developer.tuya.com/material/lib ... mmonCharts。
2. count={25} 这个是 demo 有误，并没有支持该属性，感谢反馈，我们更新下文档。
3. renderFooter 的示例可以提供的，我们和问题1一起更新下。

lshinylee 2024年 May 31日 13:56

1. 目前该物料组件仅支持多个指标同一个统计类型，暂时无法支持多个统计类型，如果有需要可以尝试基于我们提供的基础图表组件自行调用统计 API 实现一下 https://developer.tuya.com/material/lib ... mmonCharts。
2. count={25} 这个是 demo 有误，并没有支持该属性，感谢反馈，我们更新下文档。
3. renderFooter 的示例可以提供的，我们和问题1一起更新下。

好的，还有一个小问题，开发文档里写的是import StatCharts from '@ray-js/stat-charts'; 而示例下方，却是调用<Charts>，会报错Charts找不到的，我看了代码。所以实际应该是import Charts from '@ray-js/stat-charts';

文档已更新