Google 차트 도구 설명 : 값 제거, 백분율 유지

Question

Google 차트를 사용하여 파이 차트를 만듭니다. 지금까지 모든 것이 잘 작동합니다. 나는 값을 제거하고 원형 조각 위로 마우스를 가져 가면 툴팁에 백분율을 유지하려고합니다.

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> 

Answer 1

단지 오타는 쉼표 누락 ...

Var piechart_options = { 
    title:'Portföljfördelning', 
    is3D: true, 
    width:600, 
    height:400, // <-- comma was missing 
    tooltip: { 
     text: 'percentage' 
    }  
};