2016-07-26 5 views
0

ツールチップでGoogle Pie Chartを表示したい。しかし、対話性(クリックのような)は必要ありません。enableIteractivityを無効にしたときのGoogle Piechartのツールチップ

ただし、enableInteractivity = falseはデフォルトでtoolTipを削除します。ツールチップを表示するためにとにかくは、ツールチップが

いますが、空の選択を設定することにより、'select'イベントを「取り消す」ことができます
chart.setSelection([]);

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Task',  'Hours per Day'], 
 
     ['Percent', 10], 
 
     ['Rest',  90], 
 
    ]); 
 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
 
    google.visualization.events.addListener(chart, 'select', function() { 
 
     chart.setSelection([]); 
 
    }); 
 
    chart.draw(data); 
 
    }, 
 
    packages:['corechart'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>
を動作させるためenableInteractivity = falseを

答えて

1

enableInteractivitytrueでなければならないときがあります

+0

素晴らしい作品です!ありがとう – gviswanathan

関連する問題