title: JavaScript runtime error: Object expected
body: <p>I m trying to reproduce HighChart graph .it is working fine on JsFiddle ..but on My local web app it is throwing Error :</p>
  
  <blockquote>
    <p>JavaScript runtime error: Object expected</p>
  </blockquote>
  
  <p>Error comes on this code segment in file highcharts.src.js</p>
  
  <pre><code>/ Set up auto resize
          if (optionsChart.reflow !== false) {
              addEvent(chart, 'load', function () {
                  chart.initReflow();
              });
          }
  </code></pre>
  
  <p>this I my JSFiddle</p>
  
  <p><a href="http://jsfiddle.net/u9xES/550/" rel="nofollow">http://jsfiddle.net/u9xES/550/</a></p>
  
  <p>this is my WebPage</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="http://code.highcharts.com/highcharts.src.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/jquery-1.7.2.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript"&gt;
          $(document).ready(function () {
              $(function () {
                  var highOptions = {
  
                      chart: {
                          type: 'line',
                          renderTo: 'container2',
                          zoomType: 'x',
                          marginTop: 100
  
                      },
  
                      title: {
                          text: 'Score'
                      },
  
                      subtitle: {
                          text: '  '
                      },
  
                      xAxis: {
                          title: {
                              text: 'XXX'
                          },
                          categories: [],
                          labels: {
                              rotation: 45,
                              step: 1,
                              y: 30
                          }
                      },
  
                      yAxis: [{ // left y axis
                          title: {
                              text: 'XXX'
                          },
                          min: 0,
                          max: 9,
                          plotLines: [{
                              value: 7.5,
                              color: '#ff0000',
                              width: 2,
                              zIndex: 4,
                              label: {
                                  text: 'XXX'
                              }
                          }]
                      }],
  
                      plotOptions: {
                          column: {
                              dataLabels: {
                                  enabled: true,
                                  formatter: function () {
                                      return Highcharts.numberFormat(this.y, 1);
                                  }
                              }
                          }
                      },
                      legend: {
                          align: 'left',
                          verticalAlign: 'top',
                          y: 20,
                          floating: true,
                          borderWidth: 0
                      },
  
                      tooltip: {
                          shared: true,
                          crosshairs: true
                      },
                      series: []
                  };
  
                  highOptions.xAxis.categories = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8];
  
                  highOptions.subtitle.text = "XXX:";
                  chart = new Highcharts.Chart(highOptions);
                  var aName = "Fin";
  
                  newLP = [0.1, 5.52, 0.2, 6.16, 0.3, 6.34, 0.4, 6.69, 0.5, 6.36, 0.6, 7.44, 0.7,  
                  7.44, 0.8, 7.44];
  
                      chart.addSeries({
                          name: aName,
                          data: newLP
                      }, false);
  
                  chart.redraw();
              });
          });
  
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div id="container2"&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am not getting any idea ..why it is running fine on JSFiddle .But not on my Web App ..there is no other plugin install ..please suggest</p>