Asp.net 차트. 최대 값 표시. 어떻게 요약할까요?

Question

가 나는 값 = 100

1. 아래 날짜 = 10,10,2014 같은 데이터를
2. 날짜 = 10,11,2014, 값 = 20
3. 날짜 = 10,11,2014, 값 = 200
4. 날짜 = 10,12,2014, 값 = 80

이러한 데이터는 SQL의 DB에서 유래한다.

asp.net 차트 사용. SQL 데이터 소스에 select 명령을 전달합니다. 이

SELECT OrderTb.OrderDate As Date, 
     ProductTb.ProductPrice * OrderProductTb.ProductAmount AS Value 
FROM OrderTb 
    INNER JOIN OrderProductTb ON OrderTb.OrderID = OrderProductTb.OrderId 
    INNER JOIN ProductTb ON OrderProductTb.ProductId = ProductTb.ProductID 
ORDER BY OrderTb.OrderDate DESC 

같은

뭔가 데이터 위의 예와 유사한 2 열 뭔가를 반환합니다.

내 문제가 있습니다. 때 Asp.net 차트를 렌더링합니다. 날짜는 10,11,2014입니다. 가로 막 대형 차트는 해당 날짜의 값을 더하지 않습니다. 그것은 단지 220이 아닌 200 인 가장 높은 값을 보여줍니다.

아래는 내 asp.net 차트 컨트롤입니다.

<asp:Chart ID="Chart1" runat="server" DataSourceID="SqlDataSource1" 
     Width="600px" > 
     <Series> 
      <asp:Series Name="Series1" XValueMember="OrderDate" XValueType="Date" YValueType="Auto" 
       YValueMembers="Value" 
       > 
      </asp:Series> 
     </Series> 
     <ChartAreas> 
      <asp:ChartArea Name="ChartArea1"> 
      <axisy> 
       <MajorGrid Enabled ="False" /> 
      </axisy> 
      <axisx> 
       <MajorGrid Enabled="false"/> 
      </axisx> 
      </asp:ChartArea> 
     </ChartAreas> 
    </asp:Chart> 
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
     ConnectionString="<%$ ConnectionStrings:AuthenticationDBConnectionString %>" 
      SelectCommand=""> 
    </asp:SqlDataSource> 

내가 미리 해당 날짜에 Tg는이 값을 요약 수있는 방법이

Answer 1

당신은이 라이브러리 highcharts

$(function() { 
$('#container').highcharts({ 
    chart: { 
     type: 'column' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    plotOptions: { 
     series: { 
      allowPointSelect: true 
     } 
    }, 
    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
}); 
}); 

jsfiddle

에게이 사용할 수 있나요