投票的那个图是怎么弄出来的？？请指点一下！

Question

asp.net(c#)2.0 开发论坛，现在想要做的投票的功能 请问：那个横向的拄状图是怎么弄出来的？？如：http://www.xcar.com.cn/bbs/viewthread.php?tid=8021708 最好给出代码！！如果有例子的话，请发到 学习，关注……

Answer 1

代码没有
我以前做过类似的
我大概给你讲一下吧
你把这个主题的投票总数统计出来,然后用没有选项去除以这个总数,得到占的比率
比如:
这届意大利足球甲级联赛谁会夺冠?
A.米兰  50票
B.国米  40票
C.尤文  35票
你就统计出这个总票数是125票，然后每个选项票数去除以这个125
米兰占40%,国米32%，尤文28%
然后你就把这个值写到显示图片的那个控件的width="得到的比例值"里面
基本上就是这样的了

Answer 2

下面这个,不知是否有参考的地方:
http://www.winmag.com.cn/forum/itemdisplay.asp?boardid=26&id=511400&

Answer 3

可以一个DetailView
<asp:DetailsView id="DetailsView1" runat="server" Width="666px" Height="50px" ForeColor="#333333" Font-Size="12px" Font-Bold="False" GridLines="None" CellPadding="4" AutoGenerateRows="False" __designer:wfdid="w20">
            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White"  />
            <CommandRowStyle BackColor="#D1DDF1" Font-Bold="True"  />
            <RowStyle BackColor="#EFF3FB"  />
            <FieldHeaderStyle BackColor="#DEE8F5" Font-Bold="False" Width="160px" Font-Size="12px"  />
            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center"  />
            <Fields>
                <asp:TemplateField HeaderText="年龄层次">
                    <HeaderStyle Font-Bold="True"  />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="20岁以下的职工有:">
                    <ItemTemplate>
                        <asp:Image ID="Image1" runat="server" Height="20px" ImageUrl="~/images/pesent.GIF"
                            Width='<%#Convert.ToInt32(Eval("a")) %>' />
                        <asp:Label ID="Label1" Text='<%#Eval("a","{0}人")%>' runat="server"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="20岁~30岁的职工有:">
                    <ItemTemplate>
                        <asp:Image ID="Image2" runat="server" Height="20px" ImageUrl="~/images/pesent.GIF" 
                         Width='<%#Convert.ToInt32(Eval("b")) %>'  />
                         <asp:Label ID="Label2" Text='<%#Eval("b","{0}人")%>' runat="server"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="30岁~40岁的职工有:">
                    <ItemTemplate>
                        <asp:Image ID="Image1" runat="server" Height="20px" ImageUrl="~/images/pesent.GIF"
                            Width='<%#Convert.ToInt32(Eval("c")) %>'  />
                            <asp:Label ID="Label3" Text='<%#Eval("c","{0}人")%>' runat="server"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="40岁~50岁的职工有:">
                    <ItemTemplate>
                        <asp:Image ID="Image1" runat="server" Height="20px" ImageUrl="~/images/pesent.GIF"
                            Width='<%#Convert.ToInt32(Eval("d")) %>'  />
                            <asp:Label ID="Label4" Text='<%#Eval("d","{0}人")%>' runat="server"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="50岁以上的职工有:">
                    <ItemTemplate>
                        <asp:Image ID="Image1" runat="server" Height="20px" ImageUrl="~/images/pesent.GIF"
                            Width='<%#Convert.ToInt32(Eval("e")) %>'  />
                            <asp:Label ID="Label5" Text='<%#Eval("e","{0}人")%>' runat="server"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
            </Fields>
            <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White"  />
            <EditRowStyle BackColor="#2461BF"  />
            <AlternatingRowStyle BackColor="White"  />
        </asp:DetailsView>
绑定到图片的宽度，当然这个没有考虑占总人数比例的问题
其中<%#Convert.ToInt32(Eval("a")) %> a是人数后台绑定，人数由一个存储过程得到

Answer 4

 Width=' <%#Convert.ToInt32(Eval("a")) %>' /> www.51aspx.com 搜索投票   就有这个案例，还不错。我前一阵子下过。楼主自己去下载个。不抽时间下到我机子在发给你了

Answer 5

HTML:
<div style="width:500px; border:1px solid blue;text-align:left">
    <div style="background:red;width:<asp:literal ID="ltPer" />%">
        <asp:literal ID="ltPerInnerText" />
    </div>
    <asp:literal ID="ltPerOuterText" />
</div>C#:
float fPer=0.5;
ltPer.Text=((int)(fPer*100)).ToString();

Answer 6

简单的用到的是图片的WIDTH属性.
根据投票数量来取值的.

Answer 7

简单的用到的是图片的WIDTH属性.
根据投票数量来取值的.

Answer 8

简单的用到的是图片的WIDTH属性.
根据投票数量来取值的.