HighstockとHighcharts：同じページでStockChartと円グラフを使用する方法

Question

ハイストックの在庫チャートとハイチャートの円グラフを同じページで使用することに混乱があります。どちらの方法でも、JSONを使用してデータを取得しています。 Highcharts.Chart型をレンダリングするのに対し、ブラウザはHighcharts.StockChartを適切にレンダリングできません。ここで

は、私が使用するコードセグメントである：

<script type="text/javascript"> 
$("document").ready(function() { 
$.getJSON('http://localhost:3000/reports/hits?callback=?', function(data) { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container' 
     }, 
     ... 
     }, 
     series: [{ 
      name: 'Name', 
      data: data, 
      tooltip: { 
       yDecimals: 0 
      } 
     }] 
    }); 
    }) 

    $.getJSON('http://localhost:3000/reports/daily_hit?callback=?', function(data) { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container1', 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     ... 
     series: [{ 
      type: 'pie', 
      name: 'Hit', 
      data: data 
     }] 
    }); 
    }) 
} 
); 
</script> 

Answer 1

私はHighstockチャートと角度ゲージ、 を使用しようとしたと私はhighstockのhighchartを再配置しようとすると、問題が解決されたとき、私は同じ問題を経験していますこの

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts-more.js"></script> 

などのJavaScriptライブラリ（追加のグラフィックスを使用しない場合）

<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 

は私が

Answer 2

ソリューションは簡単で、それが有用であることを願って、最初highstockを配置し、このようにhighchart：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script> 
<script type="text/javascript" src="jQuery/Highcharts/highcharts-more.js"></script> 

はのはjQueryのを入れて忘れてはいけません！

これは私の問題を解決する

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

、私はあなたに役立つことを願っ