柱状图如何监听柱子的点击事件，自定义柱子的样式？

Question

我想在一个柱状图里头监听每个柱子的点击事件，如果柱子被点击了就画成不同的颜色，大概像这样：
但是点击事件触发之后我不希望重新渲染整个图表，最好能够在当前图表的基础上有一个平滑过度的效果，这个应该怎么实现呢？

Answer 1

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      selectedMode: true,
      select: {
        itemStyle: {
          color: 'red'
        }
      }
    }
  ]
};

Demo:

https://echarts.apache.org/examples/zh/editor.html?c=bar-back...

配置文档:

https://echarts.apache.org/zh/option.html#series-bar.select.i...