Android WebView и Google диаграммы
Привет, мне нужна твоя помощь с круговой диаграммой от Google. Я перешел по этой ссылке в Google Chart, но она не работает. Если вы протестируете этот код, вы увидите, что легенда и круговая диаграмма находятся далеко друг от друга. Я хочу, чтобы они были ближе друг к другу. Как я могу это сделать?
Еще одна вещь: кажется, что высота фиксирована, поэтому, если я добавлю больше строк в этот график, он будет скрыт... почему?
<html><head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script><script type="text/javascript">
google.load("visualization", "1.0", {"packages":["corechart"]});
google.setOnLoadCallback(drawChart0);
function drawChart0() {
var data = new google.visualization.DataTable();
data.addColumn("string", "ITEM");
data.addColumn("number", "VALUE");
data.addRows([`
<!-- If I add more rows here some of them gets hidden...why? -->
["'Test1'", 4.5],
["'Test2'", 21.2],
["'Test3'", 31.4],
["'Test4'", 0.0],
["'Test5'", 31.4],
["'Test6'", 0.0],
["'Test7'", 11.5]]);
var options = {
"title":"My Piechart test",
titleTextStyle: {color: 'black', fontName: 'Arial', fontSize: '12', fontWidth: 'normal',bold: true},
sliceVisibilityThreshold:0,
is3D: true,
<!-- I want to have both legend and piechart beside each other -->
legend: {position: 'left',width:"100%",height:"100%"},
<!-- If I dont use "top", I can not see the title -->
chartArea:{left:2,top:20,position: 'left',width:"100%",height:"200%"}
};
var chart = new google.visualization.PieChart(document.getElementById("chart_div0"));chart.draw(data, options);}
</script></head><body>
<div id="chart_div0"></div>
</body></html>
Я отправляю этот код в веб-представление с webView.loadDataWithBaseURL(null, contentHTML, "text/html", "utf-8", null); Я не думаю, что веб-просмотр неправильный, потому что, если вы попробуете этот HTML-код, вы действительно сможете увидеть, что проблема также существует. Поэтому я сосредоточился на HTML-коде сам.
Заранее спасибо за вашу помощь:)