2017-02-27 11 views
0

Googleグラフを使用して円グラフを作成しています。これまではすべてうまく動作します。私は値を削除し、パイのスライス上にマウスを置いたときにツールチップ上のパーセンテージを保持したいと思います。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> 

答えて

0

カンマが欠落しているだけのタイプミス、...

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

うわー...それはどうもありがとう:-)恥ずかしいです! – Elias

関連する問題