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

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

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

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

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

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

 

 

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

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

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

 

好了，我们再来看看效果：

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

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有