wijpiechart Step 1 of 3: Setting up the View

In this step you’ll add the markup to add content to the bar chart. Complete the following:

In Visual studio, select File | New | Project.
Under Installed Templates, select Visual C#. .NET Framework 4 or above.
Select ASP.NET MVC 5 Wijmo Application (if you haven’t installed this, see Installing the MVC Tools Template), enter a name for the application, and click OK.
Your Wijmo project is created. You’ll notice it contains the Models, Views, and Controllers folders, which we will work with in the Wijmo for MVC tutorials.
In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.

Add the following markup within the <body> tags of the page. This markup will add the bar content to the page. The width and height of the bar chart is defined here.

<div class="main demo">
    <!-- Begin demo markup -->
    <div id="wijpiechart" class="ui-widget ui-widget-content ui-corner-all">
    </div>
    <!-- End demo markup -->
    <div class="demo-options">
        <!-- Begin options markup -->
        <!-- End options markup -->
    </div>
</div>