RadHtmlChart - Line chart graph not coming up

I am having issue with  showing  line chart graph. Here is my code:

 <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1"  >
               <PlotArea>
                    <Series>
                         <telerik:ScatterLineSeries Name="Bookings" DataFieldX="MetricMonth"  DataFieldY="BookingsValue">
                              <TooltipsAppearance DataFormatString="{0}" />
                              <LabelsAppearance Visible="false">
                              </LabelsAppearance>
                         </telerik:ScatterLineSeries>
                         <telerik:ScatterLineSeries Name="Shipments" DataFieldX="MetricMonth"  DataFieldY="ShipmentsValue">
                              <TooltipsAppearance DataFormatString="{0}" />
                              <LabelsAppearance Visible="false">
                              </LabelsAppearance>
                         </telerik:ScatterLineSeries>                      
                    </Series>
                    <XAxis DataLabelsField="MetricMonth" />   
                    <YAxis>                        
                     <LabelsAppearance  DataFormatString="{0}" />   
                    </YAxis>
               </PlotArea>
               <ChartTitle Text="Monthly Performance">
               </ChartTitle>       
    </telerik:RadHtmlChart>

Binding data in code behind. Attached data values and output. Xaxis should show metric month values and yaxis should show Bookings and Shipments value.
Please let me know what i am missing. I have to show to two line graphs  for shipments and bookings with attached data.