ant-design / ant-design-charts

A React Chart Library
https://ant-design-charts.antgroup.com/
MIT License
1.91k stars 361 forks source link

🧐[迷你折线图要怎么定义meta里面的formatter?] #1727

Closed zyk2891 closed 1 year ago

zyk2891 commented 1 year ago

🧐 问题描述 [详细地描述问题,让大家都能理解]

迷你折线图传入的data为[264, 417, 438]如此类型,想要重新给数值格式化,由于meta传入一个Record<string, Meta>,纯数字数组无法满足{字段名: MetaOption} 格式,如何在meta中配置?

💻 示例代码 [如果有必要,展示代码,线上示例,或仓库]

meta: {

}

🚑 其他信息 [如截图等其他信息可以贴在这里]

lxfu1 commented 1 year ago

field 底层默认为 x\y

export const X_FIELD = 'x';
export const Y_FIELD = 'y';
zyk2891 commented 1 year ago

image 但是设置y也无效

lxfu1 commented 1 year ago
tooltip:{
      customContent:(value)=> {
        return <p>{value}</p>
      }
    }
zyk2891 commented 1 year ago

是否可以直接通过 image 替换originalItems.data实现?替换originalItems.value貌似没有效果 originalItems似乎一直是一个[{}]的数据格式 tooltip: { customItems: (originalItems) => { originalItems[0].data = Object.assign({}, originalItems[0].data, { x: originalItems[0].data.x, y: originalItems[0].data.y+'#'}) return originalItems; } }

zyk2891 commented 1 year ago
tooltip:{
      customContent:(value)=> {
        return <p>{value}</p>
      }
    }

哦哦 明白了 我之前那个回答多此一举了