【问题标题】:Asp.net Chart . Just showing max Value . How to sum it up .?Asp.net 图表。只是显示 max Value 。怎么总结。?
【发布时间】:2014-11-06 12:22:16
【问题描述】:

我有如下数据

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

这些数据来自 SQL db。

使用 asp.net 图表。我将选择命令传递给 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

【问题讨论】:

    标签: c# asp.net sql-server asp.net-charts


    【解决方案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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-01-27
      • 1970-01-01
      • 2020-12-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多