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

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

　　

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

　　

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

　　

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

　　

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

　　

 

　　

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

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

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

　　

 

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

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

 

转载于:https://www.cnblogs.com/EmptyBlog/p/9779137.html