Question

我的数据如下

日期= 10,10,2014，价值= 100
日期= 10,11,2014，价值= 20
日期= 10,11,2014，值= 200
日期= 10,12,2014，价值= 80

这些数据源自SQL db。

使用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提前

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

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

1 个答案: