将甘特图的项目纵轴居上展示,具体意思看图片内容!

image.png

FineReport Srafy 发布于 2021-5-25 17:40 (编辑于 2021-5-25 17:45)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
luojian0323Lv7资深互助
发布于2021-5-25 17:42(编辑于 2021-5-25 18:00)

你问题描述清楚点:

//------------------------------旧版甘特图文字居上对齐----------------------------

var gan=$(".rows-height-counter div")//浏览器中F12查看页面内容。找到包含文字的类中的div 

for (i=0;i<gan.length;i++){//遍历包含要找的文字的div个数

if (i>=gan.length-3){//如果div 是最后3个,只是举例。

var tp=parseFloat(gan[i].style.top.replace("px",""))-10+"px"//修改该div中文字的css样式中的top 值 

gan.eq(i).css("top",tp)}//重新给该 div中的文字css样式,更改top的值

}

image.png

/////////////////////////////////新版甘特图

var gan=$(".processesGroup-inner-body-back text")//浏览器中F12查看页面内容。找到包含文字的类中的text

for (i=0;i<gan.length;i++){//遍历包含要找的文字的text个数

    var tp=parseInt(gan.eq(i).attr("y"))-5+''//修改该text中文字的 y 属性值

    gan.eq(i).attr("y",tp)//重新将修改后的y属性值赋值给该text中

}

//节点文字居上对齐

var jiedian=$(".timeaxisGroup-header text")//同上

for (i=0;i<jiedian.length;i++){//同上

    var tp=parseInt(jiedian.eq(i).attr("y"))-5+''//同上

    jiedian.eq(i).attr("y",tp)//同上

}

image.png

  • Srafy Srafy(提问者) 大佬帮写下注释,代码不熟
    2021-05-25 17:53 
  • Srafy Srafy(提问者) 还是没有实现,
    2021-05-25 18:17 
  • luojian0323 luojian0323 回复 Srafy(提问者) 没实现?
    2021-05-25 18:34 
  • Srafy Srafy(提问者) 回复 luojian0323 没变化,我挨着着检查了,感觉代码都没问题,不知道哪里出问题了
    2021-05-25 18:37 
  • luojian0323 luojian0323 回复 Srafy(提问者) 用谷歌浏览器
    2021-05-25 20:19 
  • 2关注人数
  • 266浏览人数
  • 最后回答于:2021-5-25 18:00
    请选择关闭问题的原因
    确定 取消
    返回顶部