依存関係

jQuery ウィジェットは、外部の JavaScript および CSS ファイルとの依存関係があります。wijchartnavigator ウィジェットには、以下のファイルが必要となります。

JavaScript

jquery.1.11.1.js
jquery.ui.1.11.0.js
globalize.js
jquery.wijmo.wijutil.js
jquery.wijmo.wijtouchutil.js
jquery.wijmo.widget.js
jquery.wijmo.wijtooltip.js
jquery.wijmo.wijchartcore.js
jquery.wijmo.wijlinechart.js
jquery.wijmo.wijslider.js

CSS

jquery.wijmo.wijtooltip.css
jquery.wijmo.wijutil.css
jquery-wijmo.css
jquery.wijmo.wijslider.css

注意: これらの依存ファイルは、コンテンツ配信ネットワーク（CDN）経由で入手できます。CDN リンクの一覧については、こちらをご覧ください。
小型化または結合されたスクリプトの使用によって、ページのロード時間を短縮する方法については、「 Wijmo を参照する方法」を参照してください。

次の例に示すように、wijchartnavigator ウィジェットを使用するすべてのページで、これらの依存ファイルをリンクします。

依存関係	コードのコピー
<script src="jquery.1.11.1.js" type="text/javascript"></script> <script src="jquery.ui.1.11.0.js" type="text/javascript"></script> <script src="globalize.js" type="text/javascript"></script> <script src="jquery.wijmo.wijutil.js" type="text/javascript"></script> <script src="jquery.wijmo.wijtouchutil.js" type="text/javascript"></script> <script src="jquery.wijmo.wijdget.js" type="text/javascript"></script> <script src="jquery.wijmo.wijtooltip.js" type="text/javascript"></script> <script src="jquery.wijmo.wijtreemap.js" type="text/javascript"></script> <script src="jquery.wijmo.wijchartcore.js" type="text/javascript"></script> <script src="jquery.wijmo.wijlinechart.js" type="text/javascript"></script> <script src="jquery.wijmo.wijslider.js" type="text/javascript"></script> <link type="text/css" href="jquery.wijmo.wijutil.css" rel="stylesheet" /> <link type="text/css" href="jquery-wijmo.css" rel="stylesheet" /> <link type="text/css" href="jquery.wijmo.wijtooltip.css" rel="stylesheet" /> <link type="text/css" href="jquery.wijmo.wijslider.css" rel="stylesheet" />

依存関係

コードのコピー

<script src="jquery.1.11.1.js" type="text/javascript"></script> 
<script src="jquery.ui.1.11.0.js" type="text/javascript"></script> 
<script src="globalize.js" type="text/javascript"></script>
            
<script src="jquery.wijmo.wijutil.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijtouchutil.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijdget.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijtooltip.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijtreemap.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijchartcore.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijlinechart.js" type="text/javascript"></script> 
<script src="jquery.wijmo.wijslider.js" type="text/javascript"></script> 
            
<link type="text/css" href="jquery.wijmo.wijutil.css" rel="stylesheet" /> 
<link type="text/css" href="jquery-wijmo.css" rel="stylesheet" /> 
<link type="text/css" href="jquery.wijmo.wijtooltip.css" rel="stylesheet" /> 
<link type="text/css" href="jquery.wijmo.wijslider.css" rel="stylesheet" />