Hi CeBe, can you please share the code you create to check for duplicates and assign a different size for each, i have the same problem with overlapping point Thanks in Advance
On Friday, July 25, 2014 at 1:49:58 AM UTC+7, CeBe wrote: > > Hrm. Ok. I'm using this on a SharePoint site and am pulling in the data > dynamically, so I suppose I could write some extra code to check for > duplicates and assign a different size for each one... meh, I'll think of > something. Thanks for this. > > On Thursday, July 24, 2014 2:47:14 PM UTC-4, Andrew Gallant wrote: >> >> You can use a size column to change the size of bubbles, which can >> indicate when you have multiple values at a given point. Example: >> http://jsfiddle.net/asgallant/LqQrE/ >> >> On Thursday, July 24, 2014 11:48:55 AM UTC-4, Cicely Behne wrote: >>> >>> I have used the Google Bubble Chart to create a risk assessment chart. >>> Code is below. Whenever the Impact and Probability of a risk ID are the >>> same, you can only see the top one. How can I show there are two in the >>> same spot? >>> >>> >>> <html> >>> <head> >>> <script type="text/javascript" src="https://www.google.com/jsapi >>> "></script> >>> <script type="text/javascript"> >>> google.load("visualization", "1", {packages:["corechart"]}); >>> google.setOnLoadCallback(drawChart); >>> function drawChart() { >>> var data = google.visualization.arrayToDataTable([ >>> ['Risk ID', 'Impact', 'Probability', 'Color'], >>> ['4', 5, 25, 'Risk ID'], >>> ['5', 5, 41, 'Risk ID'], >>> ['6', 2, 50, 'Risk ID'], >>> ['7', 2, 50, 'Risk ID'] >>> ]); >>> >>> var options = { >>> title: 'Risk Assessment', >>> hAxis: {title: 'Impact', ticks: [0,2,4,6,8,10]}, >>> vAxis: {title: 'Probability', ticks: [0,20,40,60,80,100]}, >>> bubble: {opacity: 0}, >>> backgroundColor: 'none', >>> fontSize: '10px', >>> fontName: 'Arial', >>> bubble: {textStyle: {fontSize: 12}}, >>> series: {'Risk ID': {color: 'white', visibleInLegend: 0}}, >>> sizeAxis: {maxSize: 15} >>> }; >>> >>> var chart = new >>> google.visualization.BubbleChart(document.getElementById('chart_div')); >>> chart.draw(data, options); >>> } >>> </script> >>> </head> >>> <body> >>> <div id='brand_div'> >>> <div id='chart_div' style="width: 1200px; height: 500px;"></div> >>> </div> >>> </body> >>> </html> >>> >>> >>> -- 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/6be2f354-5193-40cf-a407-a3ccee492187%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
