How can I change the color of pointer while hovering over the Area graph ?

[ProPhycient5]

Please respond, I have attached the code and official link of that example.

https://ant-design-charts.antgroup.com/en/examples/area/basic/#basic-gradients

const AreaGraph = ({ transformedData }) => {
  const config = {
    data: transformedData,
    xField: "x_value",
    yField: "value",
    xAxis: {
      range: [0, 1],
      tickCount: 12,
    },
    yAxis: {
      grid: {
        line: {
          style: {
            stroke: "#303030",
            lineWidth: 1.5,
            cursor: "pointer",
          },
        },
      },
    },
    areaStyle: () => {
      return {
        fill: "l(90) 0:#ff6708 0.5:#ff6403 0.75:#bd4c06 1:#0d0500",
      };
    },
    line: {
      style: {
        stroke: "#E36B20",
      },
    },
    tooltip: {
      customContent: (title, items) => {
        return <CustomTooltip payload={items} label={title} />;
      },
    },
  } as any;

  return <Area {...config} style={{ height: "98%", width: "98%" }} />;
};

[ChenKun1997]

@ProPhycient5 Is this what you want ?

[ProPhycient5]

Thanks @ChenKun1997 for your response. No I am asking motionary vertical line that appears when we hover over the graph, how can I hide that.
The attached GIF shows a vertical bar that appears, either there should be a way to make it transparent or hide it simply.

[ChenKun1997]

@ProPhycient5

[ProPhycient5]

Thanks @ChenKun1997, it worked. Nameste 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻