Hi Dan,
Is there a way to ensure the bubble chart boundaries don't cut off the
bubbles? I attach a chart example as a png.
My code is as follows. Thanks very much!
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData = $.ajax({
url: "../../charts/chart_handler.php?chart=chart_bondRisk",
dataType:"json",
async: false
}).responseText;
var data = new google.visualization.DataTable(JSON.parse(jsonData)); //
Create our data table out of JSON data loaded from server.
var options = {
hAxis: {title: 'Current allocation to bonds', minValue:-10},
vAxis: {title: 'Loss', maxValue:2},
chartArea: {top:10, left:100},
legend: {textStyle: {fontSize: 11}},
tooltip: {textStyle: {color: '#000000', fontSize: 11, fontName: "Trebuchet
MS"}},
sizeAxis: {minSize:15, maxSize:30},
bubble: {textStyle: {fontSize: 11, fontName: "Trebuchet MS"}}
};
var chart = new
google.visualization.BubbleChart(document.getElementById('chart'));
chart.draw(data, options);
// track user selection
google.visualization.events.addListener(chart, 'select', selectHandler);
function selectHandler() {
var selection = chart.getSelection(); // only 1 item selected at a time
with bubble charts
// strategy = '{row:' + selection[0].row + '}';
strategy = data.getValue(selection[0].row,3); // return symbol from chart
data table
// alert('Selected ' + strategy + ' as your champion portfolio?');
window.location.href = "chart_bondRisk.php?strategy=" + strategy; //
transfer to processing page
}
}
On Tuesday, March 8, 2016 at 4:33:30 PM UTC-8, asingular wrote:
>
> Hello all,
>
> I am using the first example on this page:
> https://developers.google.com/chart/interactive/docs/gallery/bubblechart#overview
>
> and it looks good. But I have one issue. I am using the following code to
> zoom.
> explorer: { actions: ['dragToZoom', 'rightClickToReset'] }
>
> The zoom function works as expected, but the bubble on the far right gets
> cut off on the top right side. That doesn't happen if I take out explorer:
> { actions: ['dragToZoom', 'rightClickToReset'] } .
>
> Anyone know how I can fix it without hAxis.maxValue and vAxis.maxValue?
> That is not an option since the data is too dynamic.
>
> thanks,
> Joe
>
--
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 https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/48be10d6-f80a-409c-85c2-07817d2490fa%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
