@ray-js/stat-charts StatCharts

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
18559697016
Posts: 84

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

statCharts.png
1691724117925_.pic.jpg

Tags:
lshinylee
Posts: 298

Re: @ray-js/stat-charts StatCharts

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

:D :D :D

18559697016
Posts: 84

Re: @ray-js/stat-charts StatCharts

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

lshinylee
Posts: 298

Re: @ray-js/stat-charts StatCharts

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

:D :D :D

18559697016
Posts: 84

Re: @ray-js/stat-charts StatCharts

加一个smooth属性 很快的 哈哈

lshinylee
Posts: 298

Re: @ray-js/stat-charts StatCharts

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

:D :D :D

lshinylee
Posts: 298

Re: @ray-js/stat-charts StatCharts

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 属性支持

:D :D :D

lshinylee
Posts: 298

Re: @ray-js/stat-charts StatCharts

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

:D :D :D

18559697016
Posts: 84

Re: @ray-js/stat-charts StatCharts

感谢,!!!

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

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

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

lshinylee
Posts: 298

Re: @ray-js/stat-charts StatCharts

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

:D :D :D

Post Reply