title: angular 2 Highcharts Stock Chart differences
body: <p>I am implementing HighCharts to display stock data, However I am not getting as many options on my chart as they do on their <a href="http://plnkr.co/edit/2xSewTZ9b213vA0ALmFq?p=preview" rel="nofollow noreferrer">plunkr</a>, here is what I get on my application <a href="https://i.stack.imgur.com/AsE6A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AsE6A.png" alt="enter image description here"></a></p>
  
  <p>Notice the differences...</p>
  
  <ol>
  <li>No option for changing time on graph</li>
  <li>Date isn't piped</li>
  <li>No drag bar on bottom </li>
  </ol>
  
  <p>after comparing my code, the only difference that I can see is in the html.
  In the plunker there is this line </p>
  
  <p><code>&lt;chart type="StockChart" [options]="options"&gt;&lt;/chart&gt;</code></p>
  
  <p>Without the <code>type="StockChart"</code> my code works with the above image output, when I add in that line I get an error. StockChart isnt an acceptable option for type.</p>
  
  <p>Here is all my code</p>
  
  <pre><code>loadChart(){
      this.jsonp.request('https://www.highcharts.com/samples/data/jsonp.php?filename=' + this.values + '-c.json&amp;callback=JSONP_CALLBACK').subscribe(res =&gt; {
              this.options = {
                  title : { text : this.values + ' Stock Price' },
                  series : [{
                      name : this.values,
                      data : res.json(),
                      tooltip: {
                          valueDecimals: 2
                      }
                  }]
              };
          });
      }
  </code></pre>
  
  <p>Worth noting: I am using angular cli, and yes I ran the npm install command for highcharts, as well as added it to my app.module. Thanks for any help!!</p>