ant-design-charts icon indicating copy to clipboard operation
ant-design-charts copied to clipboard

👑 [需求] Change color in Column chart by value

Open namnguyenhai opened this issue 1 year ago • 0 comments

🥰 需求描述 [详细地描述需求,让大家都能理解]

Example I have data like this:

const data = [
        {
            type: '1-3秒',
            value: 0.16,
        },
        {
            type: '4-10秒',
            value: 0.25,
        },
]

I want to change color column by value in Column component from '@ant-design/plots' using config like below:

const config = {
        data,
        xField: 'type',
        yField: 'value',
        color: ({value}) => {
            if (value<0.2) {
                return '#F4664A';
            }

            return '#5B8FF9';
        },
}

🧐 解决方案 [如果你有解决方案,在这里清晰地阐述]

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

namnguyenhai avatar Jun 02 '23 06:06 namnguyenhai