Hi Daniel, I have change the visualization of the chart now bars render horizontally instead vertical.
On Wednesday, January 20, 2016 at 9:07:45 PM UTC+1, Daniel LaLiberte wrote: > > Hi Shahid, > > The 'bar' package is for the material chart. So use > google.visualization.BarChart instead, and by the way, you can add the > option theme: 'material' if you want the material colors and fonts. You > only need to load the 'corechart' package to get BarChart. > > On Wed, Jan 20, 2016 at 3:00 PM, Shahid Majeed <[email protected] > <javascript:>> wrote: > >> Hi sergey, >> I have change package setting like this >> google.load('visualization', '1', { packages: ['corechart', 'bar'] }); >> >> But it does not effect on it. >> Do you have any sample code how i can achieve my requirement. >> >> What exactly i want to acheive is that i have to compare the all project >> leaders. How much they sale and avg sale. As you see in my picture >> attached. I have project leaders and their sale and avg sale values on the >> graph. >> >> I want to show sale and avg sale values in the bars. so that it is >> visible we dont need to take the mouse curse to see the actually value. >> second is it possible to show the graph in 3D. >> >> Thanks in advance. >> >> >> On Wednesday, January 20, 2016 at 7:19:21 PM UTC+1, Sergey wrote: >>> >>> Hi Shahid, >>> >>> It looks like you're using the Material Bar Chart, and are attempting to >>> use annotations. This will not work as lots of options (including >>> annotations) are not yet supported for Material Charts >>> <https://github.com/google/google-visualization-issues/issues/2143>. >>> Your best bet would probably be to use a Classic Chart (from the >>> 'corechart' package). >>> >>> On Wed, Jan 20, 2016 at 12:57 PM Shahid Majeed <[email protected]> >>> wrote: >>> >>>> Hi, >>>> I am trying to add sales values inside the bar of the google bar chart. >>>> But did not succeed. Please can someone help me. I have following markup. >>>> >>>> <%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" >>>> AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> >>>> <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" >>>> runat="Server"> >>>> <script type="text/javascript" src="https://www.google.com/jsapi >>>> "></script> >>>> <script type='text/javascript'> >>>> google.load('visualization', '1', { packages: ['bar'] }); >>>> google.setOnLoadCallback(drawAntalChart); >>>> function drawAntalChart() { >>>> var data = google.visualization.arrayToDataTable([ >>>> ['Projektledare', 'Sale', 'Avg Sale'], >>>> ['Wiberg', 26030, 13015], >>>> ['Andersson ', 461690, 19237.08], >>>> ['Ranheimer', 304045, 33782.78]]); >>>> >>>> var options = { chart: { title: 'Projektledning: Sales' } }; >>>> var chart = new >>>> google.charts.Bar(document.getElementById('div_chart')); chart.draw(data, >>>> options); >>>> } </script> >>>> </asp:Content> >>>> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" >>>> runat="Server"> >>>> <div id="div_chart" style="height: 400px; text-align: left;"></div> >>>> </asp:Content> >>>> >>>> >>>> Picture attached how the graph look. >>>> >>>> Thanks in advance >>>> >>>> -- >>>> 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/5d68bf0e-eb70-46ab-8ff1-823b1663e48a%40googlegroups.com >>>> >>>> <https://groups.google.com/d/msgid/google-visualization-api/5d68bf0e-eb70-46ab-8ff1-823b1663e48a%40googlegroups.com?utm_medium=email&utm_source=footer> >>>> . >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> -- >>> >>> *[image: unnamed.gif]• Sergey Grabkovsky• Software Engineer• Google, >>> Inc• [email protected]* >>> >>> -- >> 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] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> 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/6c052bbc-47a9-4231-91f2-89a0b54334b5%40googlegroups.com >> >> <https://groups.google.com/d/msgid/google-visualization-api/6c052bbc-47a9-4231-91f2-89a0b54334b5%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] <javascript:> 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/22dd81c7-0563-4f80-bb4b-46eb17b1b968%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
