永发信息网

我想做一个投票的那种柱形图

答案:1  悬赏:50  手机版
解决时间 2021-04-22 11:19

我的代码是c#的 我现在整了一个投票那种东西

在网上看的东西都是显示柱形图啊 折线图啊 或者别的状态 就是你投一票就可以增加的那种 我能做出来在sql数据库中更新添加那个了 可是柱形图或者折线图应该怎么做啊???求各位大侠告诉小妹一下 在线等待!!

最佳答案

如果只是要投票、不需要什么特殊效果的话,其实相当简单。


1.定义如下的CSS样式:

<style type="text/css">
body{
font-size:12px;
font-family:Verdana,Geneva,Tahoma,sans-serif;
}
div.vote{
border:1px solid royalblue;
background:#DDE1FB;
height:20px;
}
table.vote{
border-collapse:collapse;
border:1px solid #8000FF;
width:600px;
}
table.vote th{
font-weight:bold;
background-color:#CE9DFF;
padding:5px;
text-align:left;
text-indent:20px;
}
table.vote td.itemName{

}
table.vote td.itemPer{
padding:2px;
border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
width:300px;
}
table.vote td.itemNum{
width:40px;
}
</style>

3.如下的HTML即可展现出一个投票的表格:


<table class="vote">
<tr><th colspan="3">测试投票(总票数:250)</th></tr>
<tr>
<td class="itemName">选项1</td>
<td class="itemPer"><div class="vote" ></div></td>
<td class="itemNum">100</td>
</tr>
<tr>
<td class="itemName">选项2</td>
<td class="itemPer"><div class="vote" ></div></td>
<td class="itemNum">50</td>
</tr>
<tr>
<td class="itemName">选项3</td>
<td class="itemPer"><div class="vote" ></div></td>
<td class="itemNum">20</td>
</tr>
<tr>
<td class="itemName">选项4</td>
<td class="itemPer"><div class="vote" ></div></td>
<td class="itemNum">40</td>
</tr>
<tr>
<td class="itemName">选项5</td>
<td class="itemPer"><div class="vote" ></div></td>
<td class="itemNum">40</td>
</tr>
<tr></tr>
</table>
4.关键:每个td之间的div是显示比例的,style中的40%就是设置长度,40是比例,就是用票数除以总票数得到的百分比。对于大多数投票而言,只要不是特别密集的,往往会出现条条都很短的情形,这种情况下,可以将计算比例时不用总票数做除数,而改用最大票数的1.2倍作为除数。

我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
向我推荐一些歌曲(奖励10分)
54级剑圣带宠物,+11朱诺、+10娃娃项链、和+1
QQ三国所有永久炫装价钱
谁有“[中影][国产][珍宝又名夺宝惊魂][国语2
寻一些趣味英语
中译英:你同意我刚才说的话么?
两列火车相向而行,客车车身长150米,速度为60
希特勒的书叫什么?
宝盛投资担保公司怎么去啊,有知道地址的么
WWE...TCL大赛还有多久?
将好友删除以后.好友怎么还能偷我的菜?
南波万广告我想知道这个在什么地方
我是一名吉它初学者。有几个问题想要请假前辈
五年级数学竞赛题!高手来帮忙!
胡八一革命台词,寻龙诀胡八一台词让我们
推荐资讯
什么是定向生和委培生,定向委培学校有哪些
鲁宾逊漂流记的心得体会
不青出于蓝下句是什么,青出于蓝而胜于蓝句子
日常生活话中话和日常生活的成语和语句?
一品香麻辣香锅在什么地方啊,我要过去处理事
可贝尔眼贴膜效果好吗
描写人病怏怏的句子
爱迪生有关成功的名言,我姓张长一点唯美的接
请问谁有2009年目前为止所有双色球的开奖号码
唐绣庄地址在哪,我要去那里办事
龙卡怎么改密码?
有什么东方玄幻小说吗
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?