手順 1：ビューの設定

この手順では、マークアップを追加し、コンテンツを棒グラフに追加します。以下を実行します。

Microsoft Visual Studio の［ファイル］メニューから、[新しいプロジェクト］を選択します。［新しいプロジェクト］ダイアログボックスが開きます。
テンプレートの［Visual Basic］または［Visual C#］より［Web］を選択します。
右ペインから［ASP.NET MVC 5 Wijmo アプリケーション］を選択します。
［名前］、［場所］、［ソリューション名］フィールドを設定して、〈OK〉をクリックします。
新しい ASP.NET MVC Wijmo 4 アプリケーションが作成されます。Models、Views、および Controllers フォルダが含まれていることがわかります。これらのフォルダは Wijmo for MVC のチュートリアルで使用します。
ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。
次のマークアップをページの <body> タグ内に追加します。このマークアップは棒のコンテンツをページに追加します。棒グラフの幅と高さはここで定義されます。

In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.

ソースビュー	コードのコピー
<div class="main demo"> <!-- デモマークアップの開始 --> <div id="wijpiechart" class="ui-widget ui-widget-content ui-corner-all"> </div> <!-- デモマークアップの終了 --> <div class="demo-options"> <!-- オプションマークアップの開始 --> <!-- オプションマークアップの終了 --> </div> </div>

ソースビュー

コードのコピー

<div class="main demo">
   <!-- デモマークアップの開始 -->
   <div id="wijpiechart" class="ui-widget ui-widget-content ui-corner-all">
     </div>
   <!-- デモマークアップの終了 -->
<div class="demo-options">
       <!-- オプションマークアップの開始 -->
       <!-- オプションマークアップの終了 -->
     </div>
     </div>