项目开发中，用到Chart.js展示图表，用起来也非常方便，配置很灵活，很好用，给个数据集，设置一些配置值，实例化一个Chart出来，图表就非常丝滑地展现出来了。
但是作为开发人员都知道的一个真理，永远不变的就是变化，永远无理的都是客户的需求。
很不幸，我就撞到这么一个的需求：“把那些值为0的数据集，从chart图表中移除，碍眼”。
baidu和bing这一顿疯狂搜索，好嘛，v2版本的Chart.js根本不支持这个功能，升级到高版本，也有点麻烦，因为V3以上的版本，并不是完全向前兼容。
解决问题的方法就是：Chart.js是开源的，可以看源码，通过修改代码，来满足这个需求，以下是修改源码满足需求的详细过程：
用notepad++打开v2.9.4版本的chart.js（公司现在用的就是这个版本）， 最好用notepad++的jsTool插件工具格式化一下，代码有点乱。
1，定位到 4970行的computeFitCategoryTraits()函数，添加一个参数 strackCount，然后在4972行，改成var count = strackCount || ruler.stackCount; 如下图示：
2，定位到5141行的getStacks函数，添加一个dataIndex参数，然后插入5153~5158这个几行新代码，
3 定位到5179行的getStackCount函数，新增dataIndex参数，再给getStacks传递这个参数
4 定位到5191行的getStackIndex函数，新增dataIndex参数，也是同样给getStacks传递这个新增的参数
5 定位到5249行的calculateBarIndexPixels函数，
新增5296行的代码，这个skipNull的配置可以自定义到自己喜欢的配置项上，这里我是配置到了dataset集合，后面会说怎么配置。
给computeFitCategoryTraits新增stackCount函数。
给getStackIndex也新增一个参数，根据skipNull配置的值传递具体值。
6，最后再dataset配置里新增skipNull配置项
最终的效果如下：
文章来源地址https://www.toymoban.com/news/detail-621679.html
需求是满足了，不过还有个问题，就是假如项目用的是chart.js的min压缩版，咋整，这个压缩的代码可不好改啊，不要急，chart.js开放出来的可扩展性和可自定义性，丰富到令人发指.
方法如下：
在实例化出Chart（），之前，把上面几个步骤说到那几个要改动的函数，全部复制到这里，重新实现一次，覆盖原来的， 一样可以实现想要的效果。文章来源：https://www.toymoban.com/news/detail-621679.html
到了这里，关于Chart.js (v2.9.4)--如何像高版本一样支持skipNull的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
