甘特图您有试吗,找的就是你啦......

canning92 2005-02-05 08:34:24
谢谢走进来.....
特请教用网页设计类软件,怎么样才能实现工程管理的甘特图
具体问题:
1.根据每天,或每一个时间段的工作进度制作对应的任务图表
2.横坐标为动态的日期,纵坐标为动态的事件,可能是31天制的日期,也可能是某个工程,或某个人
主要疑难:
1.怎么样根据日期或工作任务进度动态的确定图表开始描绘或结束描绘的位置.
2.确定位置后怎么样才能实现图的绘制
3.有想过有VML或SVG,但很难根据数据库的数据确定他的位置

有劳各位啦!
...全文
205 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
wanghui0380 2005-02-12
  • 打赏
  • 举报
 回复
asp.net版有个人写了一个
用的dategrid，效果还不错。
canning92 2005-02-09
  • 打赏
  • 举报
 回复
to tang688(汇汇)

谢谢您的大力支持1

我继续努力的学学吧1
canning92 2005-02-09
  • 打赏
  • 举报
 回复
to patchclass(黑翼)

谢谢您

您可以说明白一点吗/

我没有过这方面的经验1
patchclass 2005-02-07
  • 打赏
  • 举报
 回复
不要用vml也可以阿，用图形生成组件，我的干特图就是 php生成的图片
tang688 2005-02-07
  • 打赏
  • 举报
 回复
那个2005\2指的是2005年2月啊，我是以每天的数据来画这个图的，当然要用循环来实现了。
tang688 2005-02-07
  • 打赏
  • 举报
 回复
没看我的最后一句？
当然是自动生成的了。
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,488.571428571429px' to='970px,488.571428571429px' strokecolor='#69f'/>
比如这一句，实际在程序中是这样的：
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='<%=rs("aa")%>px,<%=rs("bb")%>px' to='<%=rs("cc")%>px,<%=rs("dd")%>px' strokecolor='#69f'/>
那个rs当然就是表对象了，而aa、bb、cc、dd就是字段了。

然后中间还用了很多的循环了。
笨笨兔兔兔兔兔 2005-02-06
  • 打赏
  • 举报
 回复
汗,看你需要干什么了
canning92 2005-02-06
  • 打赏
  • 举报
 回复
to: tang688(汇汇)

这些能说得再明白一点吗?
数据库里的对应存储怎么确定!
不可能要人为的输入进去吧!
可不可以自动生成!!!!
tang688 2005-02-05
  • 打赏
  • 举报
 回复
不是太明白你说的东东，但以下HTML文件是不是对你有帮助？

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]-->
<style>
TD { FONT-SIZE: 9pt}
</style>
<body>
<br>

<v:rect id='_x0000_s1027' alt='' style='position:absolute;left:40px;top:60px;width:930px;height:500px;z-index:-1' fillcolor='#9cf' stroked='f'>
<v:fill rotate='t' angle='-45' focus='100%' type='gradient'/>
</v:rect>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,555px' to='40px,560px'/>
<v:line id='_x0000_s1025' alt='' style='position:absolute;left:0;text-align:left;top:0;z-index:1' from='815px,214.050321428571px' to='840.833333333333px,220.138364285714px' coordsize='21600,21600' strokecolor='#FF0000' strokeweight='1.5'></v:line>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='840.833333333333px,60px' to='840.833333333333px,560px'/><v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:810.833333333333px;top:562px;width:50px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>2005\2</td>
</tr>
</table>
</v:textbox>
</v:shape>
<v:line id='_x0000_s1025' alt='' style='position:absolute;left:0;text-align:left;top:0;z-index:1' from='840.833333333333px,220.138364285714px' to='866.666666666667px,155.945092857143px' coordsize='21600,21600' strokecolor='#FF0000' strokeweight='1.5'></v:line>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='866.666666666667px,555px' to='866.666666666667px,560px'/>
<v:line id='_x0000_s1025' alt='' style='position:absolute;left:0;text-align:left;top:0;z-index:1' from='866.666666666667px,155.945092857143px' to='892.5px,192.634435714286px' coordsize='21600,21600' strokecolor='#FF0000' strokeweight='1.5'></v:line>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='892.5px,555px' to='892.5px,560px'/>
<v:line id='_x0000_s1025' alt='' style='position:absolute;left:0;text-align:left;top:0;z-index:1' from='892.5px,192.634435714286px' to='918.333333333333px,236.020985714286px' coordsize='21600,21600' strokecolor='#FF0000' strokeweight='1.5'></v:line>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='918.333333333333px,555px' to='918.333333333333px,560px'/>
<v:line id='_x0000_s1025' alt='' style='position:absolute;left:0;text-align:left;top:0;z-index:1' from='918.333333333333px,236.020985714286px' to='944.166666666667px,193.156007142857px' coordsize='21600,21600' strokecolor='#FF0000' strokeweight='1.5'></v:line>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='944.166666666667px,555px' to='944.166666666667px,560px'/>
<v:line id='_x0000_s1025' alt='' style='position:absolute;left:0;text-align:left;top:0;z-index:1' from='944.166666666667px,193.156007142857px' to='944.166666666667px,193.156007142857px' coordsize='21600,21600' strokecolor='#FF0000' strokeweight='1.5'></v:line>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,131.428571428571px' to='970px,131.428571428571px' strokecolor='#69f'/>
<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:-30px;top:121.428571428571px;width:70px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>6十万</td>
</tr>
</table>
</v:textbox>
</v:shape>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,202.857142857143px' to='970px,202.857142857143px' strokecolor='#69f'/>
<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:-30px;top:192.857142857143px;width:70px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>5十万</td>
</tr>
</table>
</v:textbox>
</v:shape>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,274.285714285714px' to='970px,274.285714285714px' strokecolor='#69f'/>
<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:-30px;top:264.285714285714px;width:70px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>4十万</td>
</tr>
</table>
</v:textbox>
</v:shape>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,345.714285714286px' to='970px,345.714285714286px' strokecolor='#69f'/>
<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:-30px;top:335.714285714286px;width:70px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>3十万</td>
</tr>
</table>
</v:textbox>
</v:shape>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,417.142857142857px' to='970px,417.142857142857px' strokecolor='#69f'/>
<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:-30px;top:407.142857142857px;width:70px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>2十万</td>
</tr>
</table>
</v:textbox>
</v:shape>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,488.571428571429px' to='970px,488.571428571429px' strokecolor='#69f'/>
<v:shape id='_x0000_s1025' type='#_x0000_t202' alt='' style='position:absolute;left:-30px;top:478.571428571429px;width:70px;height:18px;z-index:1'>
<v:textbox inset='0px,0px,0px,0px'>
<table cellspacing='3' cellpadding='0' width='100%' height='100%'>
<tr>
<td align='right'>1十万</td>
</tr>
</table>
</v:textbox>
</v:shape>


<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,60px' to='40px,560px'/>
<v:line id='_x0000_s1027' alt='' style='position:absolute;left:0;text-align:left;top:0;flip:y;z-index:-1' from='40px,560px' to='970px,560px'/>


</body>
</html>
只因太长，被我删除了一部分，这个文件是用数据库内容自动生成的。
-神仙- 2005-02-05
  • 打赏
  • 举报
 回复
回去复习数学
echart绘表和甘特图实现
echart绘曲线图和甘特图实现 今天，我们来总结一下，如何在网页上实现曲线图的绘制，以及甘特图的绘制。 1. echart实现绘制曲线图 一开始，我想到的解决办法，不是用echart绘曲线图，而是用matplotlib绘制，这种办法的思路，就是在后台将数据通过matplotlib.pyplo绘制得到折线图，然后将图片保存到本地，再通过前端，将图片显示在网页上，效果其实也还可以，就像下图一样： ...
使用 Echarts 实现项目进度甘特图
Echarts 功能十分强大，可以实现多种图表效果，下面简单介绍下最近使用Eharts 实现的一个项目进度甘特图。 下面是实现的效果： 目录 一.概览 Echarts 基本内容 1.官网文档 2.查看示例 二.需求分析 1.数据系列（series） 2.标线 （markLine） 3.数据对象结构 4.“超时”、“按时”划分 三.引入并配置 Echarts 1...
python的matplotlib.pyplot绘制甘特图
博主本来就像简单地找一下代码，画一幅甘特图，结果百度之后发现甘特图的代码基本都不是用matplotlib库，但是像柱状图等统计图通常都是用这个库进行绘制的，所以博主就花了一些时间，自己敲了一份代码，简单地绘制了一份博主想要的甘特图，下边博主就来介绍分享一下。   何为甘特图？ 甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目，进度，和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特（Henry Laurence Gan
推荐3款好用的甘特图软件（免费+在线协同+Excel导出）
同时支持超级项目甘特图，可以合并多个项目进行更宏观项目统筹，一键导出甘特图Excel文件。在企业微信创建腾讯表格，选中：项目甘特图，即可在公司内部、部门之间进行项目甘特图的整理、收集、记录和共享协作。boardmix是一个灵活的白板工具，也包含了甘特图的模板，但不好找，因为模板名称叫：项目计划，不叫甘特图。如果没有看到项目甘特图，可以先进入：高级模块，选中：甘特图，然后：确定。进入企业微信，切到：文档，点击：新建表格，选择：项目甘特图。进入模板中心-项目管理，选中：项目计划。
移动测试开发 | 从0到1实现甘特图
本文源起于产品说要做一个甘特图。甘特图作为一种时间管理工具，在项目管理中有着广泛的应用。对比传统的列表视图，它通过图形化的方式展示任务的进度和时间范围，更加直观，日期调整交互更方便，能更好的避免任务重叠和时间冲突。
ASP

28,391

社区成员

357,060

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章