I am using **google charts** for my asp.net web application. I have successfully got the chart working in my application. But I want to know how to add animation, change the color of the column chart from code. In javascript I know it can be done using below **option** -

```
var options = {
width: 400,
height: 240,
title: 'Sample Data',
colors: ['#e0440e', '#f6c7b6'],
is3D:true         
};

```

I tried calling the same in c# using string builder but chart itself doesnot load. Here is my code-

```
private void BindCourseChart()
 {
   //to bind course chart
   DataTable dt = new DataTable();
   try
     {
       dt = GetData_Course();

       str.Append(@"<script type=text/javascript> google.load( *visualization*, *1*,        {packages:[*corechart*],callback:drawChart});

       function drawChart() {
       var data = new google.visualization.DataTable();
       data.addColumn('string', 'Title');
       data.addColumn('number', 'Users enrolled');
       **//Here I am adding role=style for customizing**
       data.addColumn({type: 'string', role: 'style'});
       data.addRows(" + dt.Rows.Count + ");");

       for (int i = 0; i <= dt.Rows.Count - 1; i++)
       {
         str.Append("data.setValue( " + i + "," + 0 + "," + "'" + dt.Rows[i]            ["Title"].ToString() + "');");
         str.Append("data.setValue(" + i + "," + 1 + "," + dt.Rows[i]["MenteeCount"].ToString() + ") ;");

       }

       str.Append(" var chart = new google.visualization.ColumnChart(document.getElementById('course_div'));");
       str.Append(" chart.draw(data, {width: 650, height: 300, title: 'Course Enrollment', color:#0092CB,");
       str.Append("hAxis: {title: 'Course Title', titleTextStyle: {color: 'green'}}");

       str.Append("}); }");
       str.Append("</script>");
       lt_course.Text = str.ToString().TrimEnd(',').Replace('*', '"');
 }

```

Can anyone help me in this regard how to add colors,or animation to column charts .

Thanks in advance