Page 1 of 1

@ray-js/stat-charts StatCharts

Posted: 2024年 Aug 20日 09:43
by 18559697016

@ray-js/stat-charts
有没有 类似echarts smooth属性,让曲线更平滑些;Studio拖出来的效果是平滑的

statCharts.png
1691724117925_.pic.jpg

Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Aug 20日 09:48
by lshinylee

stats-charts 组件物料的主要作用是快速实现一个标准化的且接入统计 API 的图表功能,所以它的可配置性是标准且有限的,如果期望自定义性更强,建议是使用 common-charts 这个组件物料来实现,https://developer.tuya.com/material/lib ... mmonCharts


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Aug 20日 09:52
by 18559697016

代码写不出 Studio拖出来的平滑效果,有点怪怪的


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Aug 20日 09:54
by lshinylee

Studio 图表底层使用是 F2Chart,目前物料提供的是基于 ECharts 的,可能是会有一些差异。


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Aug 20日 09:58
by 18559697016

加一个smooth属性 很快的 哈哈


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Aug 21日 10:06
by lshinylee

我们近期分析下,确定下是否可行,如果可行下周会更新一版。


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Sep 2日 20:00
by lshinylee

Code: Select all

    <Charts
      dpList={[
        { id: 17, name: '平滑曲线', smooth: true },
        { id: 18, name: '非平滑曲线', smooth: false },
      ]}
      chartType="line"
      {...otherProps}
    />

@ray-js/stat-charts 3.1.0 版本开始,在 dpList 的子项里面增加了 smooth 属性支持


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Sep 2日 20:00
by lshinylee

注意仅针对 line 或者 line-area 类型图表生效


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Sep 3日 11:39
by 18559697016

感谢,!!!

后面我用@ray-js/common-charts,又实现了一下。遇到了问题,如下:

https://www.tuyaos.com/viewtopic.php?t=3671(@ray-js/common-charts 需要增加属性formatter)

在实际项目中用,在线等 这个支持formatter的功能


Re: @ray-js/stat-charts StatCharts

Posted: 2024年 Sep 3日 11:41
by lshinylee

好的 这个在另外的帖子里跟进看看是否可实现,这个帖子先完结了