been banging my head against the wall trying to get active html in tooltips
for column chart viz. but, all i'm getting is plain text. tried numerous
permutations, based on searches in this forum (and elsewhere), but just
can't seem to get this worked out. any help appreciated. code as follows...
function useData1(response) {
var data1 = response.getDataTable();
var formatter1 = new google.visualization.DateFormat({pattern: "yyyy"});
formatter1.format(data1, 0); // Apply formatter to first column.
var formatter2 = new google.visualization.NumberFormat({pattern:'$
#,###,###'});
formatter2.format(data1, 2); // Apply formatter to second column.
var view1 = new google.visualization.DataView(data1);
view1.setColumns([0,2,{ // Create a view with two data cols, one
calc'd col
type:'string',
calc: function (dt, row) {
return "<div><b>Year:</b> " + dt.getFormattedValue(row,0) +
"<br><b>Amount:</b> " + dt.getFormattedValue(row,2) + "</div>";
},
role: 'tooltip',
}]);
var optionsChart1 = {
tooltip: {isHtml: true},
dataOpacity:0.7,
title: titleText,
vAxis: {
title: 'Document stamp losses ($)',
textStyle: {
fontSize: 10
}
},
hAxis: {
title: 'Year',
titleTextStyle: {
bold: true
},
slantedTextAngle: 33,
textStyle: {
fontSize: 10
}
},
legend: {position: "none" },
focusTarget: 'cell',
chartArea: {
width:"80%"
}
};
var chart1 = new
google.visualization.ColumnChart(document.getElementById('colChart1'));
chart1.draw(view1, optionsChart1);
}
thanks,
kevin
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
