none
chart使用问题 RRS feed

  • 问题

  • 请问下图这样的方式如何实现。相同颜色的是相同的物品,但有可用性,表现性几种属性。其实是相当于几个报表合在一起。

    使用chartarea好像也不太对。chart能实现这样的表现形式吗?

     

    2011年11月21日 9:30

答案

  • 主要是一个长条对应一个Series

    试试看以下

    <%@ Page Debug="true" Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"
        Inherits="_Default" %>
    
    <html>
    <head runat="server">
    </head>
    <body>
         
        <asp:SqlDataSource runat="server" ID="sds_test" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="
    
    
     Select class,SUM(num) sumNum,SUM(c) c,sum(num) sumNum2 from (
    
    Select '可用率' class,60 num,12 c  
    Union All  
    Select '可用率' class,40 num,22 c  
    Union All 
    Select '可用率',20 num,33 c  
    Union All
    Select '表現性' class,60 num,44 c  
    Union All  
    Select '表現性' class,80 num,55 c  
    Union All 
    Select '表現性',70 num,66 c  
    ) t
    group by class
    " />
        
    
        <asp:Chart ID="Chart1" runat="server" DataSourceID="sds_test">
            <Series>
                <asp:Series Name="Series1" XValueMember="class" YValueMembers="c"  >
                </asp:Series>
                 <asp:Series Name="Series2" XValueMember="class" YValueMembers="sumNum"  >
                </asp:Series>
                 <asp:Series Name="Series3" XValueMember="class" YValueMembers="sumNum2"  >
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1">
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
    
    </body>
    </html>
    
    


    Shadowと愉快なコード達
    • 已标记为答案 ogra 2011年11月21日 20:10
    2011年11月21日 15:37

全部回复

  • 主要是一个长条对应一个Series

    试试看以下

    <%@ Page Debug="true" Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"
        Inherits="_Default" %>
    
    <html>
    <head runat="server">
    </head>
    <body>
         
        <asp:SqlDataSource runat="server" ID="sds_test" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="
    
    
     Select class,SUM(num) sumNum,SUM(c) c,sum(num) sumNum2 from (
    
    Select '可用率' class,60 num,12 c  
    Union All  
    Select '可用率' class,40 num,22 c  
    Union All 
    Select '可用率',20 num,33 c  
    Union All
    Select '表現性' class,60 num,44 c  
    Union All  
    Select '表現性' class,80 num,55 c  
    Union All 
    Select '表現性',70 num,66 c  
    ) t
    group by class
    " />
        
    
        <asp:Chart ID="Chart1" runat="server" DataSourceID="sds_test">
            <Series>
                <asp:Series Name="Series1" XValueMember="class" YValueMembers="c"  >
                </asp:Series>
                 <asp:Series Name="Series2" XValueMember="class" YValueMembers="sumNum"  >
                </asp:Series>
                 <asp:Series Name="Series3" XValueMember="class" YValueMembers="sumNum2"  >
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1">
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
    
    </body>
    </html>
    
    


    Shadowと愉快なコード達
    • 已标记为答案 ogra 2011年11月21日 20:10
    2011年11月21日 15:37
  • 原来如此,受教了。
    2011年11月21日 20:11