ボタンクリックでグラフにデータを受け渡したい

前提・実現したいこと

reactとechartsを用いてグラフを描写しています。ドロップダウンを作ってその中のボタンをクリックすることでグラフにデータを呼び出したいと思っています。ドロップダウンとグラフの描写はできましたが、ボタンクリックでグラフにデータを受け渡す方法がわかりません。(添付画像参照:AのボタンをクリックでグラフにAのデータを呼び出し、BのボタンをクリックでグラフにBのデータを呼び出したいです。)

ソースコード

ドロップダウン
import React, { useState } from 'react';
import { CSSTransition } from 'react-transition-group';
function Selecter() {
    return(
      <Selecterbar>
        <SelecterbuttonA>
         <DropdownMenuA />
        </SelecterbuttonA>
      <SelecterbuttonB>
         <DropdownMenuB />
     　 </SelecterbuttonB>
      </Selecterbar>
   )
}

～中略～

      <DropdownItem >
        <text >A</text>
      </DropdownItem>
      <DropdownItem >B</DropdownItem>

グラフ
import React, { Component } from "react";
import ReactEcharts from "echarts-for-react";

class Graph extends Component {
  getOption = () => ({

～中略～

  render() {
    return (
      <div className="App">
        <ReactEcharts option={this.getOption()} style={{ height: 630 }} />
      </div>
    );
  }
}

export default Graph;