Google Chart Tools AngularJS Directive Example

<html xmlns="http://www.w3.org/1999/html">
<head>
    <title>
        Google Chart Tools AngularJS Directive Example
    </title>
</head>
<body ng-app="google-chart-example" ng-controller="MainCtrl">

<div>
<div google-chart chart="chart" style="{{chart.cssStyle}}"/>
</div>

<p>
  <pre>{{chart | json}}</pre>
</p>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<script src="http://bouil.github.io/angular-google-chart/ng-google-chart.js"></script>
<script src="example.js"></script>
</body>
</html>

'use strict';

angular.module('google-chart-example', ['googlechart']).controller("MainCtrl", function ($scope) {

    var chart1 = {};
    chart1.type = "ColumnChart";
    chart1.cssStyle = "height:400px; width:900px;";
    
    chart1.data = {"cols": [
        {label: 'Patalogia', type: 'string'},
        {label: 'Total da Patalogia', type: 'number'},
        {label: 'Doença Coronariana', type: 'number'},
        {label: 'Diabetes', type: 'number'},
        {label:  'Hipertensão – Dislipidemia', type: 'number'},
        {label: 'Tabagismo', type: 'number'}//,
        //{role: 'tooltip', type: "string", 'p': {'html': true}}
    ], "rows": [
        
    ]};
    
  function createCustomHTMLContent(patalogyName, totalPatology) {
    return '<div style="padding:5px 5px 5px 5px;">' + 
      '<p><b>Total' + patalogyName +': ' + totalPatology + '</b></p>'
    + '</div>';
  }
  
  function addColumn(data) {
    var column = {c:[]};
    if (data.type == 'HEART_ATACK') {
      column.c.push({v:'Doença Coronariana'});
      column.c.push({v: data.heartAtack});
      column.c.push({v: 0});
      column.c.push({v: data.diabetes});
      column.c.push({v: data.hypertension});
      column.c.push({v: data.smoking});
      //column.c.push({f:createCustomHTMLContent('Doença Coronariana', data.heartAtack)});
      
    } else if (data.type == 'DIABETES') {
      column.c.push({v:'Diabetes'});
      column.c.push({v: data.diabetes});
      column.c.push({v: data.heartAtack});
      column.c.push({v: 0});
      column.c.push({v: data.hypertension});
      column.c.push({v: data.smoking});
      //column.c.push({f:createCustomHTMLContent('Diabetes', data.diabetes)});
      
    } else if (data.type == 'HYPERTENSION') {
      column.c.push({v:'Hipertensão – Dislipidemia'});
      column.c.push({v: data.hypertension});
      column.c.push({v: data.diabetes});
      column.c.push({v: data.heartAtack});
      column.c.push({v: 0});
      column.c.push({v: data.smoking});
      //column.c.push({f:createCustomHTMLContent('Hipertensão – Dislipidemia', data.hypertension)});
      
    } else if (data.type == 'SMOKING') {
      column.c.push({v:'Tabagismo'});
      column.c.push({v: data.smoking});
      column.c.push({v: data.diabetes});
      column.c.push({v: data.heartAtack});
      column.c.push({v: data.hypertension});
      column.c.push({v: 0});
      //column.c.push({f:createCustomHTMLContent('Tabagismo', data.hypertension)});
      
    } else if (!data.type || data.type == 'GLOBAL_HEALTH') {
      column.c.push({v:'Saúde Global'});
      column.c.push({v: data.globalHealth});
      column.c.push({v: 0});
      column.c.push({v: 0});
      column.c.push({v: 0});
      column.c.push({v: 0});
      column.c.push({v: 0});
      //column.c.push({f:createCustomHTMLContent('Saúde Global', data.globalHealth)});
    }
    
    chart1.data.rows.push(column);
  };
  
  function createValues() {
    var heartAtack = {};
    heartAtack.heartAtack = 2500;
    heartAtack.diabetes = 500;
    heartAtack.hypertension = 100;
    heartAtack.smoking = 1000;
    heartAtack.type = 'HEART_ATACK';
    addColumn(heartAtack);
    
    var diabetes = {};
    diabetes.heartAtack = 500;
    diabetes.diabetes = 5500;
    diabetes.hypertension = 300;
    diabetes.smoking = 1000;
    diabetes.type = 'DIABETES';
    addColumn(diabetes);
    
    var hypertension = {};
    hypertension.heartAtack = 100;
    hypertension.diabetes = 300;
    hypertension.hypertension = 4000;
    hypertension.smoking = 450;
    hypertension.type = 'HYPERTENSION';
    addColumn(hypertension);
    
    var smoking = {};
    smoking.heartAtack = 1000;
    smoking.diabetes = 1000;
    smoking.hypertension = 450;
    smoking.smoking = 3000;
    smoking.type = 'SMOKING';
    addColumn(smoking);
    
    var globalHealth = {};
    globalHealth.heartAtack = 0;
    globalHealth.diabetes = 0;
    globalHealth.hypertension = 0;
    globalHealth.globalHealth = 5000;
    globalHealth.type = 'GLOBAL_HEALTH';
    addColumn(globalHealth);
    
  }
  
  chart1.options = {
      title: 'Patalogia dos Pacientes',
      //colors: ['#FFD700', '#C0C0C0', '#8C7853'],
      // This line makes the entire category's tooltip active.
      //focusTarget: 'category',
      // Use an HTML tooltip.
      tooltip: { isHtml: true }
  };

    chart1.formatters = {};
    $scope.chart = chart1;
    
    createValues();


});