DataV-Team/DataV

排名轮播表给每个数据增加个颜色 config 如何

Opened this issue · 0 comments

Feature request

这个特性解决了什么问题?

让用户可以更快地找到需要被醒目标记的数据。

这个特性的实现形式?

实现样式如下图所示:
实现样式图
实现形式最好是在原先 data 数据的基础上加入,如:

data: [
    {
      name: '周口',
      value: 55123,
      color: '#FF0000'
    },
    {
      name: '南阳',
      value: 12022,
      color: '#FFA500'
    },
    {
      name: '西峡',
      value: 78932
    },
    {
      name: '驻马店',
      value: 63411
    },
    {
      name: '新乡',
      value: 44231
    }
  ],
  unit: '单位',
  valueFormatter ({ value }) {
    console.warn(arguments)
    const reverseNumber = (value + '').split('').reverse()
    let valueStr = ''

    while (reverseNumber.length) {
      const seg = reverseNumber.splice(0, 3).join('')
      valueStr += seg
      if (seg.length === 3) valueStr += ','
    }

    return valueStr.split('').reverse().join('')
  }

是否愿意为此特性提交PR?

有时间会提交的。