2014-11-06 43 views
0

我有一個數據如下Asp.net圖表。只顯示最大值。如何總結。?

  1. 日期= 10,10,2014,值= 100
  2. 日期= 10,11,2014,值= 20
  3. 日期= 10,11,2014,值= 200
  4. 日期= 10,12,2014,值= 80

這些數據來源於SQL分貝。

使用asp.net圖表。我將select命令傳遞給SQL數據源。

像這樣

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。條形圖不會添加該日期的值。它只顯示最高值是200而不是220。

下面是我的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> 

有,我可以提前總結了價值高達上日期,Tq的任何方式

回答

0

你可以使用這個庫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