webview not display html graphics content
<p>i have call html file from assets so simply i have written ::</p>

<pre><code>    WebView wv;  
    wv = (WebView) findViewById(R.id.webView1);  
    wv.getSettings().setJavaScriptEnabled(true);
    wv.getSettings().setPluginState(PluginState.ON);
    wv.loadUrl("file:///android_asset/a.html");
</code></pre>

<p>by which i can call html file but i got only textual data not entire report.....</p>

<p>Here is my html file : </p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
    &lt;title&gt;
      Google Visualization API Sample
    &lt;/title&gt;
    &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      google.load('visualization', '1', {packages: ['corechart']});
    &lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      function drawVisualization() {
        // Create and populate the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'x');
        data.addColumn('number', 'Cats');
        data.addColumn('number', 'Blanket 1');
        data.addColumn('number', 'Blanket 2');
        data.addRow(["A", 1, 1, 0.5]);
        data.addRow(["B", 2, 0.5, 1]);
        data.addRow(["C", 4, 1, 0.5]);
        data.addRow(["D", 8, 0.5, 1]);
        data.addRow(["E", 7, 1, 0.5]);
        data.addRow(["F", 7, 0.5, 1]);
        data.addRow(["G", 8, 1, 0.5]);
        data.addRow(["H", 4, 0.5, 1]);
        data.addRow(["I", 3, 1, 0.5]);
        data.addRow(["J", 3.5, 0.5, 1]);
        data.addRow(["K", 3, 1, 0.5]);
        data.addRow(["L", 3.5, 0.5, 1]);
        data.addRow(["M", 1, 1, 0.5]);
        data.addRow(["N", 1, 0.5, 1]);

        // Create and draw the visualization.
        new google.visualization.LineChart(document.getElementById('visualization')).
            draw(data, {curveType: "function",
                        width: 500, height: 400,
                        vAxis: {maxValue: 10}}
                );
      }


      google.setOnLoadCallback(drawVisualization);
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body style="font-family: Arial;border: 0 none;"&gt;
    &lt;div id="visualization" style="width: 500px; height: 400px;"&gt;&lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>so please tell me what's wrong with me??</p>

<p><strong>Update:</strong></p>

<p><img src="http://i.stack.imgur.com/1xnAX.png" alt="enter image description here"></p>
