In my case where I have combo chart between bars and lines, I enabled pointSize for lines that had common values. I needed to make the size of points large enough so mousing over them would highlight the data values. I used the google chart samples and played around with it. Here is that code showing what I did. I also only tested in the google chrome browser, so I do not know if mousing over will work in FF or IE browsers.
The first line drawn (first line series) needs the largest point size while the last line drawn needs to the smallest point size. It is not the same as showing all the values at once, but at least there is visual cue and you can see all the values. -- 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.
<!-- You are free to copy and use this sample in accordance with the terms of the Apache license (http://www.apache.org/licenses/LICENSE-2.0.html) --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title> Google Visualization API Sample </title> <script type="text/javascript" src="http://www.google.com/jsapi";></script> <script type="text/javascript"> google.load('visualization', '1', {packages: ['corechart']}); </script> <script type="text/javascript"> function drawVisualization() { // Create and populate the data table. var data = google.visualization.arrayToDataTable([ ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], ['2004/05', 165, 938, 522, 998, 450, 614.6], ['2005/06', 135, 1120, 599, 1268, 288, 682], ['2006/07', 157, 1167, 397, 397, 397, 397], ['2007/08', 139, 1110, 215, 215, 215, 215], ['2008/09', 136, 691, 629, 1026, 366, 569.6] ]); // Create and draw the visualization. var ac = new google.visualization.ComboChart(document.getElementById('visualization')); ac.draw(data, { title : 'Monthly Coffee Production by Country', width: 600, height: 400, vAxis: {title: "Cups"}, hAxis: {title: "Month"}, seriesType: "bars", series: {2: {type: "line", lineWidth: 2, pointSize: 12} ,3: {type: "line", lineWidth: 2, pointSize: 9} ,4: {type: "line", lineWidth: 2, pointSize: 6} ,5: {type: "line", lineWidth: 2, pointSize: 2} } }); } google.setOnLoadCallback(drawVisualization); </script> </head> <body style="font-family: Arial;border: 0 none;"> <div id="visualization" style="width: 600px; height: 400px;"></div> </body> </html>
