Hi, can any one please help me on this.
Thanks On Saturday, March 12, 2016 at 7:35:46 PM UTC-5, [email protected] wrote: > > Hi Guys, > > Below is the sample Code > <script type="text/javascript" src=" > https://www.gstatic.com/charts/loader.js";></script> > <script type="text/javascript"> > google.charts.load("current", {packages:['corechart']}); > google.charts.setOnLoadCallback(drawChart); > function drawChart() { > var data = google.visualization.arrayToDataTable([ > ["Element", "Density", { role: "style" } ], > ["Copper", 8.94, "#b87333"], > ["Silver", 10.49, "silver"], > ["Gold", 19.30, "gold"], > ["Platinum", 21.45, "color: #e5e4e2"], > ["Emerald", 21.45, "color: green"] > ]); > > var view = new google.visualization.DataView(data); > view.setColumns([0, 1, > { calc: "stringify", > sourceColumn: 1, > type: "string", > role: "annotation" }, > 2]); > > var options = { > title: "Density of Precious Metals, in g/cm^3", > width: 600, > height: 400, > bar: {groupWidth: "95%"}, > legend: { position: "none" }, > }; > var chart = new > google.visualization.ColumnChart(document.getElementById("columnchart_values")); > chart.draw(view, options); > } > </script> > <div id="columnchart_values" style="width: 900px; height: 300px;border:1px > solid black;"></div> > > Current Output: > > > <https://lh3.googleusercontent.com/-lFrHt18e1ck/VuSx_iQtUiI/AAAAAAAAAAM/EoljioNkiy8aJkXlX660Xs1osr8MVBAPA/s1600/Output.PNG> > > > > Expected output: > > > <https://lh3.googleusercontent.com/-6oANk5y749s/VuS1ZfBamBI/AAAAAAAAAAw/RFs2Vi4alq4S2tg2z18qkR9fZBozU2b9g/s1600/Output.PNG> > > > > Please see the different b/w Current output and Expected output > > Issues in the Current output: > > 1. Extra spaces in the chart area. I tried to reduce the width of the div > and still i am unable to remove the white space in the chart area. > 2. Horizontal line needs to be removed > 3. Need to make the chart in fit to the div border. > 4.Y axis values need not show but the line needs to be there > > I have attached my sample code as well. I request anyone to help me to > achieve this requirement. Any sample code would be much appreciated. > > Thanks > > -- 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/d713c102-b72f-47e5-a367-85c9ab73122e%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
