如何修改图表选中区域的边框颜色

[luhaifeng666]

• G2 Version: 4.1.16
• Platform: �Chrome
• Mini Showcase(like screenshots):
• CodePen Link: https://codepen.io/luhaifeng666/pen/MWoKwjQ

在设置了 chart.interaction('element-active'); 之后，如何修改选中区域border的色值？

[Shamann]

You can define the border color of the active area by specifying the active state options when creating a geometry:

chart
  .interval()
  .position('月份*月均降雨量')
  .color('name')
  .state({
    active: {
      style: {
        stroke: 'red'
      }
    }
  });

If you need to produce the active element's style based on its default style, you may use style function. Please, refer to this example: https://codepen.io/Shamann/pen/JjJbXRN.

[luhaifeng666]

You can define the border color of the active area by specifying the active state options when creating a geometry:

chart
  .interval()
  .position('月份*月均降雨量')
  .color('name')
  .state({
    active: {
      style: {
        stroke: 'red'
      }
    }
  });

If you need to produce the active element's style based on its default style, you may use style function. Please, refer to this example: https://codepen.io/Shamann/pen/JjJbXRN.

Got it！Thanks for all your support~