title: webview not display html graphics content
body: <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="https://i.stack.imgur.com/1xnAX.png" alt="enter image description here"></p>