android - WebView と MenuItem

Question

public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);

    menu.add("Bar Graph");
    menu.add("Linear Graph");
    return true;
}



@Override
public boolean onOptionsItemSelected(MenuItem item) {

    if(item.getTitle().equals("Bar Graph"))
    {
           myWebView.loadUrl("javascript:document.getElementById(\"Bar\").style.display = 'block';");
        myWebView.loadUrl("javascript:document.getElementById(\"Linear\").style.display = 'none';");

        return true;
    }
    else if(item.getTitle().equals("Linear Graph"))
    {
        myWebView.loadUrl("javascript:document.getElementById(\"Bar\").style.display = 'none';");
        myWebView.loadUrl("javascript:document.getElementById(\"Linear\").style.display ='block';");

        return true;
    }

     @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    myWebView = (WebView) findViewById(R.id.webview);
    myWebView.getSettings().setJavaScriptEnabled(true);
    myWebView.loadUrl("http://localhost:8080/index.html");

}

私のウェブサイトには、棒グラフと線形グラフの 2 つのグラフがあります。メニュー項目のクリックでグラフを表示/非表示にしたい。

上記のコードは、それぞれのタイトルをクリックして 2 つのチャートを表示および非表示にすることを想定していますが、1 回しか機能しません。「棒グラフ」をクリックすると、棒グラフが表示され、線形グラフが非表示になりますが、問題ありません。しかし、「Chart Graph」をクリックすると、棒グラフは表示されたままになり、線形グラフはまだ非表示になっています。また、線形グラフを最初にクリックすると、線形グラフのみが表示されますが (これで問題ありません)、棒グラフをクリックしても変化はありません。基本的に、最初にクリックしたメニュー項目のアクションは永続的です。

助けてください！