Currently, the only way to deal with overlapping annotations is to add another series of invisible points that you would position where you want and attach the annotations to them. We plan to deal with overlapping annotations by moving them automatically until they fit, but it will be a few months before that is available.
On Sat, Jan 23, 2016 at 4:30 PM, Shahid Majeed <[email protected]> wrote: > Hi, > > I tried to produce sales bar chart with google chart api. everything > working fine except annotation are overlaping each other that make very > hard to user to read. Could please suggest me how to handle this problem. > > Picture of my graph is attached and my script is here. > > <http://s21.postimg.org/rjxul9sg7/annotation_overlap.jpg> > <script type='text/javascript'> > google.load('visualization', '1', {packages: [ > 'corechart', 'bar'],'language': 'sv'}); > google.setOnLoadCallback(drawAntalChart); > > function drawAntalChart() { > var data = google.visualization.arrayToDataTable([ > ['Projektledare','försäljning','Antal', > 'Avg.försäljning/Antal'],['Martinez',479440,589,813.9898],['Andersson ', > 233351,691,337.7004],['Kercevic',34700,57,608.7719]]);var view = new > google.visualization.DataView(data);view.setColumns([0, 1,{calc: > "stringify",sourceColumn: 1,type: "string",role: "annotation"},2, {calc: > "stringify",sourceColumn: 2,type: "string",role: "annotation"},3,{calc: > "stringify",sourceColumn: 3,type: "string",role: "annotation"}]);var > formatter = new google.visualization.NumberFormat({suffix: ' kr.', > negativeColor: 'red', > negativeParens: true, decimalSymbol: ',', > groupingSymbol: ' '});formatter.format(data, 1);formatter.format(data, 3); > var options = {title: 'Projektledare statistik försäljning/Antal',vAxis: { > format: 'currency', gridlines: { count: 10 }} };var chart = new google. > visualization.ColumnChart(document.getElementById('div_chart'));chart.draw > (view, options); }</script> > > > -- > 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/c216a7dd-0f83-446a-867a-4f7a575cd6e2%40googlegroups.com > <https://groups.google.com/d/msgid/google-visualization-api/c216a7dd-0f83-446a-867a-4f7a575cd6e2%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> [email protected] <[email protected]> 5CC, Cambridge MA -- 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/CAOtcSJOCgcwX5gc08rOOTT6CPOEP74qYmyZwyK-mK8S54cVTaA%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
