title: How to Get Highcharts Sparkline to Show Up On My Page.
body: <p>Below is the entire document I am using to try to generate a highcharts sparkline: </p>
  
  <pre><code>&lt;script&gt;
  var sparkOptions = {
      title: {
          text: ''
      },
      credits: false,
      chart: {
          renderTo: 'container',
          width: 120,
          height: 20,
          type: 'area',
          margin: [2, 0, 2, 0],
          style: {
              overflow: 'visible'
          },
          skipClone: true
      },
      yAxis: {
          endOnTick: false,
          startOnTick: false,
          labels: {
              enabled: false
          },
          title: {
              text: null
          },
          tickPositions: [0]
      },
      xAxis: {
          labels: {
              enabled: false
          },
          title: {
              text: null
          },
          startOnTick: false,
          endOnTick: false,
          tickPositions: []
      },
      legend: {
          enabled: false
      },
      tooltip: {
          enabled: false
      }
  };
  
  $('#the_chart').highcharts(sparkOptions);
  var t = $('#the_chart').highcharts();
  
  t.addSeries({
      data: [1, 2, 3, 4, 5]
  });
  &lt;/script&gt;
  
  &lt;div id="container" style="height: 40px; width: 200px;"&gt;
      &lt;div id="the_chart"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've been searching for hours to try to get this to work.  Can anyone point out what I am doing incorrectly? I have been using this link: <a href="http://jsfiddle.net/cainmodyo/VhxDA/" rel="nofollow">http://jsfiddle.net/cainmodyo/VhxDA/</a> along with the highcharts website: <a href="http://www.highcharts.com/demo/sparkline/" rel="nofollow">http://www.highcharts.com/demo/sparkline/</a>. Thanks in advance for any help you can give me! </p>