how can i use angular js into google charts

Question

I want to customize the bar chart with the user's data, and redraw it accordingly on run time. user should give details on both axis and their values. What code i should write to it ? Can angular variables be a good choice for doing it ?

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Sales', 'Expenses'],
      ['2004',  600,      400],
      ['2005',  1170,      460],
      ['2006',  660,       1120],
      ['2007',  1030,      540]
      ['2008',  2000,      250]
    ]);

    var options = {
      title: 'Company Performance',
      vAxis: {title: 'Year',  titleTextStyle: {color: 'blue'}}
    };

    var chart = new google.visualization.BarChart(document.getElementById('div1'));

    chart.draw(data, options);
  }
</script>

Ariel Henryson · Accepted Answer · 2015-05-12 10:54:14Z

1

Take a look at AngularJs Google Chart Tools directive

If you want to do things the "Angular way" you should use directives for all of your DOM manipulation. So i suggest you to store all of your data inside a controller, and then in your view use a directive to render a view from your data

edited May 12, 2015 at 10:54

answered May 12, 2015 at 10:42

Ariel Henryson

1,3561 gold badge10 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prajapati Vikas · Accepted Answer · 2015-05-12 10:58:14Z

1

Go through this Google chart tools AngularJs Directive

answered May 12, 2015 at 10:58

Prajapati Vikas

3001 silver badge12 bronze badges

Collectives™ on Stack Overflow

how can i use angular js into google charts

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related