开发者

How to create StackedColumn chart in ASP.NET?

I have a dataset that I want rendered as a stacked column chart using the built-in charting in VS 2010. The data looks like this and is returned from SQL Server from a stored procedure:

numTrades   Type    symbol
3   BreakEven   GBPCHF
7   Loss    GBPCHF
11  Win GBPCHF
1   BreakEven   GBPJPY
3   Loss    GBPJPY
7   Win GBPJPY
7   Loss    GBPUSD
13  Win GBPUSD

My ASP.Net code for rendering the chart looks like this:

<asp:Chart 
    ID="chtWinnerPercentagePie" 
    runat="server" 
    DataMember="DefaultView" 
    Height="600px" 
    Palette="Pastel" 
    Width="900px"  
    AlternateText="WinLoss Pie" 
    SkinID="chartSkin"
    ImageType="Png" >
   <Series >
      <asp:Series 
        Name="WinnersLosers" 
        ChartType="StackedColumn"
        ChartArea="MainChartArea" 
        XValueMember="symbol" 
        YValueMembers="numTrades">             
      </asp:Series>          
   </Series>       
   <Legends>
    <asp:Legend Name="Legend" ForeColor="#A1A5A9" BackColor="#161616" />
   </Legends>
   <开发者_开发知识库ChartAreas>       
      <asp:ChartArea 
        Name="MainChartArea" 
        BackColor="#2C2C2C">
        <AxisY Title="Num Trades" TitleForeColor="White"> 
            <LabelStyle ForeColor="White" />                   
            <MajorGrid LineColor="#000000" />
        </AxisY>
        <AxisX Enabled="True">
            <LabelStyle ForeColor="White" />
        </AxisX>
      </asp:ChartArea>
   </ChartAreas>
    <Titles>
        <asp:Title 
            Name="ChartTitle" 
            Text="Win/Loss Ratio" 
            Font="Microsoft Sans Serif, 10pt" 
            ForeColor="#A1A5A9" 
            BackColor="#161616">
        </asp:Title>
    </Titles>
</asp:Chart> 

I am not getting a stacked chart, I get this instead when I load the page: http://tinypic.com/r/66kljl/7

Where am I going wrong?


Don't you need more than one Series for a stacked chart? I believe you need to create three for what you want.


Take a look at:

http://liberofusioncharts.codeplex.com/wikipage?title=Single%20Series%20Chart,%20adding%20data%20manually&referringTitle=Home

Just need to change the line 1st line in the c# code:

from: Column3DChart oChart = new Column3DChart();

to : StackedBar2DChart oChart = new StackedBar2DChart();

How to create StackedColumn chart in ASP.NET?

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜