missing axis labels

16 views
Skip to first unread message
Brian Flieck

unread,
Apr 15, 2019, 10:12:50 AM4/15/19
to Google Visualization API
hi all, i have a complete stacked bar chart that displays fine, but i realized that i have to hover over each bar to see the quantity, and i can't see the axis totals.
how do i enable that?

<html>
  <head>
  <META HTTP-EQUIV="refresh" CONTENT="60">
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">

google.charts.load('current', {'packages':['corechart', 'controls', 'bar']});
google.charts.setOnLoadCallback(drawDashboard);

function drawDashboard() {
        var data = new google.visualization.arrayToDataTable([
['folder', 'ready', 'not sent off shore', 'not ready', 'freelanced', 'ready to QA' , 'placeholder' ],
['/Volumes/photorepos/Partners/Christopher_Banks/post/CB_instock/4' , 2,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Christopher_Banks/post/CB_instock/6' , 7,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Christopher_Banks/post/CB_instock/7' , 7,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Christopher_Banks/post/CB_instock/8' , 31,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Christopher_Banks/post/CB_instock/10' , 18,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Aeropostale/post/instock/0' , 1,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Aeropostale/post/instock/8' , 16,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Aeropostale/post/instock/10' , 3,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Aeropostale/post/instock/12' , 3,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Dress_Barn/Post/instock/LIGHTBOXCALLOUTS' , 4,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Dress_Barn/Post/instock/8' , 79,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/Dress_Barn/Post/instock/9' , 0,  0, 1, 0, 0, 0],
['/Volumes/photorepos/Partners/NYCompany/post/instock/RUSH' , 3,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/NYCompany/post/instock/3' , 102,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/NYCompany/post/instock/4' , 44,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/NYCompany/post/instock/5' , 52,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/NYCompany/post/instock/REDO' , 11,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/LuLuLemon/Post/instock/0' , 2,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/LuLuLemon/Post/instock/4' , 377,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/LuLuLemon/Post/instock/5' , 183,  0, 0, 0, 0, 434],
['/Volumes/photorepos/Partners/Uniqlo/Post/instock/5' , 206,  0, 0, 0, 0, 0],
['/Volumes/photorepos/Partners/LaneBryant/Post/instock/RUSH' , 0,  0, 6, 0, 0, 0],
['/Volumes/photorepos/Partners/LaneBryant/Post/instock/2' , 0,  0, 210, 0, 0, 0],
['/Volumes/photorepos/Partners/LaneBryant/Post/instock/3' , 0,  0, 81, 0, 0, 0],
]);

          var dashboard = new google.visualization.Dashboard(
            document.getElementById('dashboard_div'));

        // Create a String Filter, passing some options
        var folderfilter = new google.visualization.ControlWrapper({
	    'controlType': 'StringFilter',
        'containerId': 'filter_div',
        'options': {
		'matchType': 'any',
		'caseSensitive': 'false',
		'filterColumnLabel': 'folder'
          }
        });
        

        var barChart = new google.visualization.ChartWrapper({
          'chartType': 'BarChart',
          'containerId': 'chart_div',
          'options': {
// 		  	width: 1200,
		  'height': 900,
		  'colors': ['#00a591', '#ECDB54', '808080', '#6B5B95', '3645b5', '000000'],
		  'isStacked': true,
		  'fontSize': 11,
		  'chartArea': {'left': 450, 'top': 20, 'right': 250, 'bottom': 0},
		  'fontSize': 11,
		  'title': 'Folder Count 04-15-19 09:40:01'
          }
        });
        
        
        dashboard.bind(folderfilter, barChart);
        dashboard.draw(data);
      }
    </script>
  </head>

  <body>
    <!--Div that will hold the dashboard-->
    <div id="dashboard_div">
      <!--Divs that will hold each control and chart-->
      <div id="filter_div"style="border: 1px"></div>
      <div id="chart_div"style="border: 1px"><div>
    </div>
      </body>
</html>
Reply all
Reply to author
Forward
0 new messages