Asp.net图表.只是显示最大值.如何总结

本文关键字:最大值 何总结 显示 net 图表 Asp | 更新日期: 2023-09-27 18:29:19

我有一个数据如下

  1. 日期=2014年10月10日,价值=100
  2. 日期=10,112014,值=20
  3. 日期=2014年11月10日,价值=200
  4. 日期=10,122014,价值=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图表时。日期为2014年11月10日。条形图不会添加该日期的值。它只显示了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加起来

Asp.net图表.只是显示最大值.如何总结

您可以使用此库的高图

$(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