0
我使用Google Charts创建饼图。到目前为止一切正常。我想删除这些值,并将鼠标悬停在馅饼的切片上时保持工具提示的百分比。Google Charts Tooltip:删除值,保留百分比
我尝试添加:
tooltip: {
text: 'percentage'
}
(因为我被推荐在这里寻找答案时做) 要我:
Var piechart_options = {
title:'Portföljfördelning',
is3D: true,
width:600,
height:400
};
由于:
Var piechart_options = {
title:'Portföljfördelning',
is3D: true,
width:600,
height:400
tooltip: {
text: 'percentage'
}
};
遗憾的是没有成功。当我添加这个时,图表甚至不再绘制。有什么建议么?
的完整代码:
<?php
$result = mysqli_fetch_assoc(db_query("SELECT * FROM investments ORDER BY id DESC LIMIT 1;"));
echo '<div style="display: none;">';
foreach($result as $key => $value) {
echo '<p class="investment_type">'. $key .'</p>';
echo '<p class="investment_amount">'. $value .'</p>';
}
echo '</div>'
?>
<script>
var type = document.getElementsByClassName("investment_type");
var amount = document.getElementsByClassName("investment_amount");
var investment_type = [];
var investment_amount = [];
for(var i = 0; i < type.length; i++) {
investment_type[i] = '"' + type[i].innerText + '"' || '"' + type[i].textContent + '"';
investment_amount[i] = amount[i].innerText || amount[i].textContent;
}
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Investeringsområde');
data.addColumn('number', 'Procent');
var rows = [];
for (var i = 2; i < investment_type.length; ++i) {
rows[i-2] =[investment_type[i], parseInt(investment_amount[i])];
}
data.addRows(rows);
var piechart_options = {
title:'Portföljfördelning',
is3D: true,
width:600,
height:400
};
var piechart = new google.visualization.PieChart(document.getElementById('chart_portfolio_division'));
piechart.draw(data, piechart_options);
}
</script>
<div class="row">
<div id="chart_portfolio_division" class="col-md-6"></div>
</div>
哇...这是尴尬:-)非常感谢你! – Elias