Page 1 of 1

StatCharts图表组件

Posted: 2024年 Apr 10日 16:11
by noodles
  • Tuya MiniApp Tools 版本信息:关于中查看
    • App 应用版本信息: 设置-关于中进行查看~
    • @ray-js/ray, @ray-js/panel-sdk的版本(如使用ray开发)在package.json查看~
    • 移动设备信息:手机型号及系统
    • 相关代码:可复现该问题的代码内容
      <StatCharts
      style={{ backgroundColor: '#2a2f34', margin: '0', width: '100%', borderRadius: '5px' }}
      devIdList={[getDevId()]} // 设备 id
      // devIdList={['6cc0556d846fd54fe7lklf']}
      dpList={dpList} // 功能点id及名称
      range={item.range}
      type={type}
      startDate={item.startDate}
      endDate={item.endDate}
      chartType={item.type}
      colors={[colors]}
      placeholder={{
      loading: Strings.getLang('Loading'),
      error: Strings.getLang('Loading'),
      none: Strings.getLang('None'),
      }}
      placeholderIcon='loading'
      dataFill={1}
      dataZoom={item.dataZoom}
      dataTransformer={item.dataTransformer}
      />
    • 日志信息:错误日志或 IDE 运行日志等~
    • 问题描述(复现步骤):placeholder在加载失败的情况下,显示的是一个×的图标加上文字描述,是否加一个图标可选的属性来改变不同情况下的图标显示情况,客户那边不希望没有数据的时候显示一个×
    • 预期结果:
    • 实际结果:

Re: StatCharts图表组件

Posted: 2024年 Apr 12日 11:33
by lshinylee

可以的,这是一个合理的需求,我们这边安排一下,如有更新会在此同步~


Re: StatCharts图表组件

Posted: 2024年 Apr 25日 15:38
by noodles

什么时候可以排期改一下


Re: StatCharts图表组件

Posted: 2024年 Apr 25日 15:54
by lshinylee

预计五一节后第一周可以


Re: StatCharts图表组件

Posted: 2024年 May 11日 16:04
by lshinylee

@ray-js/stat-charts@3.0.0-beta-1 版本已发布,可以通过下面的方式来自定义不同状态下的图标:

Code: Select all

      <Charts
        devIdList={[devId]}
        dpList={[
          { id: 27, name: '温度' },
          { id: 28, name: '湿度' },
        ]}
        unit="kwH"
        range="1hour"
        startDate="20230522"
        chartType="line-area"
        type="sum"
        placeholderYAxis={100}
        placeholder={{
          loading: '加载中',
          error: '加载失败',
          none: '暂无数据',
        }}
        placeholderIcon={{
          loading: 'loading',
          error: 'error',
          none: 'none',
        }}
      />

其中 placeholderIcon 可以填入自定义的 base64 图片或者 url 地址,如果填写的是空字符串可以隐藏图标,注意 loading/error/none 这三个是内置图标,正式版预计下周发布。