DataV-Team / DataV

Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
http://datav.jiaminghi.com
MIT License
8.98k stars 1.77k forks source link

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

Open LearningPawn opened 1 year ago

LearningPawn commented 1 year ago

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?

有时间会提交的。