StatCharts图表组件

[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在加载失败的情况下，显示的是一个×的图标加上文字描述，是否加一个图标可选的属性来改变不同情况下的图标显示情况，客户那边不希望没有数据的时候显示一个×
  • 预期结果：
  • 实际结果：

[lshinylee]

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

[noodles]

什么时候可以排期改一下

[lshinylee]

预计五一节后第一周可以

[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 这三个是内置图标，正式版预计下周发布。