title: use highchart and highstock on the same page
body: <p>I have this page:</p>
  
  <pre><code>&lt;script type="text/javascript" src="jQuery/Highcharts/highstock1.1.6.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jQuery/Highcharts/highcharts2.1.4.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and in the page I use </p>
  
  <pre><code>$.getJSON(
          "server/indice.server.php?row=" + row +"&amp;item="+ item,
          null,
          function(data)
          {
              chartindice = new Highcharts.Chart(
              {
                  chart:
                  {
                      renderTo: 'graph',
                      defaultSeriesType: 'line',
                      zoomType: 'x'
                  },
                          /////moore setting..
                  series:
                  [{
                      type: 'area',
                      name: titleindice,
                      data: indice,
                      showInLegend : false //disable the the show/hide icon
                  }]
  
  
              });
          });
  </code></pre>
  
  <p>and an highstock graph</p>
  
  <pre><code>window.chart = new Highcharts.StockChart({
      chart: {
          renderTo: 'chartHistory'
      },
  
      rangeSelector: {
              selected: 2
      },
  
  
      series: [{
          data: history,
          type: 'spline',
          tooltip: {
              valueDecimals: 2
          }
      }]
  });
  </code></pre>
  
  <p>and they can't work together, just one or the other. </p>
  
  <p>What can I do?</p>