点击图表某个bar或者pie某块 动态设置itemStyle的color不生效

[zonday]

• [ ] I am using English in this issue. 在这个 Issue 中我使用了英文（强烈建议）。

General Questions

• [ ] Required: I have read the document and examples and tried to solve it by myself. （必填）我读过了文档和教程，并且曾试图自己解决问题。
• [ ] Required: I have searched for similar issues and that didn't help. （必填）我搜索过 issue 但是没有帮助。
• [ ] Required: I have tried with the latest version of ECharts and still have this problem. （必填）我试过最新版本的 ECharts，还是存在这个问题。

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息：

• [x] Required: issue type；（必填）issue 类型
• [x] Required: one sentence description in issue details；（必填）一句话的问题描述
• [x] Required: demo；（必填）能反映问题的例子（如果你想提问或报 bug）
• [x] Required: ECharts version；ECharts 版本

Issue Type

• [ ] I have a question to ask about how to use ECharts to ...；我想提问如何使用 ECharts 实现某功能
• [x] I have a bug to report；我想要报 bug
• [ ] I have a feature to request, e.g.: I'd like a new feature that ...；我需要一个新功能
• [ ] I have a feature to enhance, e.g.: The current feature should be improved in the way that ...；我希望改进某个功能
• [ ] There's something wrong with the documents；文档有些问题
• [ ] Others, or I'm not sure which issue types to choose here；其他，或我不知道应该选什么类型

Issue Details

点击图表某个bar或者pie某块 动态设置itemStyle的color 不生效，多次快速点击可能会有变化

Expected Behavior

Current Behavior

Online Example

var data= [
    {value:335, name:'直接访问', id: 1, color: 'red', itemStyle: {color: 'red'}},
    {value:310, name:'邮件营销', id: 2, color: 'green', itemStyle: {color: 'green'}},
];

option = {
    legend: {
        orient: 'vertical',
        x: 'left',
        data:['直接访问','邮件营销']
    },
    series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['50%', '70%'],
            hoverAnimation: false,
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: data,
        }
    ]
};

myChart.on('click', "series.pie", function (param) {
    option.data = data.map(d => {
        const newD = Object.assign({}, d);
        d.itemStyle = {color: d.color};
        if (d.id === param.data.id) {
            d.itemStyle.color = 'yellow';
        }
        return newD;
    });

    myChart.setOption(option);
});

4.1.0 版本是正常的

Topics

• [ ] Legend
• [ ] Tooltip
• [ ] Event
• [ ] Performance
• [ ] SVG
• [ ] Map
• [ ] ECharts GL
• [ ] Third-party libraries, e.g.: Vue.js, React

Anything Else We Need to Know

Environment

• ECharts version；ECharts 版本: 4.2.0-rc.2

• [ ] It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题，请提供相应环境信息：{BROWSER_VERSION_OR_OS_INFORMATION_HERE}

[cuijian-dexter]

d.itemStyle.normal.color = 'yellow';

[pissang]

It seems to be a bug.

[100pah]

Fixed and will be released in 4.2.0-rc.3.

[likwotsing]

Oh, find it half day, It's here. It has been tested and fixed, thank you!