The tutorial shows Clustered 3D column with cylinder shape as the chart type. In order to initially show such chart type, please add the following snippet code into the ChartSettings of WebGrid.

<SeriesColumnSettings Type="Clustered3DColumn">
    <Settings BarShape="Cylinder" ChartFillType="ColorFill">
        <BorderStyle Width="0" />
    </Settings>
</SeriesColumnSettings>

Example:

<ISWebGrid:WebGrid ID="WebGrid1" runat="server" DataSourceID="AccessDataSource1"
    Height="405px" UseDefaultStyle="True" Width="720px">
    <LayoutSettings InitialView="PivotChartView" />
    <RootTable DataKeyField="OrderID">
        <Columns>
            ...
        </Columns>
    </RootTable>
    <ChartSettings>
        <SeriesColumnSettings Type="Clustered3DColumn">
            <Settings BarShape="Cylinder" ChartFillType="ColorFill">
                <BorderStyle Width="0" />
            </Settings>
        </SeriesColumnSettings>
        ...
    </ChartSettings>
    <ChartDataCollection>
        <ISWebGrid:ChartPivotDataConfig DataMember="CustomerID" />
    </ChartDataCollection>
    <ChartSeriesCollection>
        <ISWebGrid:ChartPivotFilterConfig DataMember="OrderDate"
            DataType="System.DateTime" DateFormat="" DateInterval="Quarters"
            FilterCriterias="" PivotType="ByMonth" />
    </ChartSeriesCollection>
</ISWebGrid:WebGrid>

Hope this helps.

Hi Yudi,

thank you very much! 

Glad to hear that adding the clustered 3d column with cylinder shape into the chart settings of WebGrid helps.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our community site. We would be happy to assist you again.