向日葵甘特图左侧标题栏名称“解密”

  新项目中用到了向日葵甘特图插件来做相关功能的展示,借鉴了老项目的使用(别人开发的),发现该甘特图的左侧标题栏名称不能直接更改,如下图中的“完成至此时”,因为在gantt.js文件中搜索“完成至此时间”是搜不到的,也包括“完成时间”、“实际开始时间”。

  

  根据该行代码,去除最后一个ActualFinish,更新页面后,发现这个就是显示“完成至此时间”的字段。

  

  于是再通过搜索这个ActualFinish来看看是怎么获取的,搜索后大概浏览下相关部分的代码,发现了这个“headText”:

  

  那这个应该就是我们要在上面显示的名称,然后看到另一个地方,如下图所示:

  

  发现没,这是一串字符。我们再找到_OBS_3这个方法,应该就是这里在处理这串字符:

  

 

  

  看完这上面的截图,有点晕,很复杂的样子,于是我放弃了。。。

  过了一会儿发现,既然所有字符串都是通过这个方法来处理返回字符串,那我过滤下直接返回字符串不就可以了?

  说来就来,于是我在这个方法里面套一层switch,把刚才的那串符放进判断里面,如下图:

  

 

  好了,我们再来看看效果:
  

  完美!!!所以你需要更改哪个名称,你只需要把那个对应的字符串放进判断,返回你需要的名称就可以了。

 

posted @ 2018-10-12 16:55  EmptyGao  阅读(795)  评论(0)    收藏  举报