这篇博客介绍了如何在只有单组数据的情况下，通过深拷贝和修改来构造用于阶梯图的两组数据。重点在于如何确保最后一项的低点为0，从而达到总数展示的效果。博主详细阐述了使用JavaScript的splice方法来实现这一目标，该方法用于在数组中添加/删除元素，并展示了如何在图表的x轴和y轴上应用这些数据。
根据需求，该柱状图为阶梯图需要两组data数据，一组为最高点的值，一组为最低点的值，但后端只返还给我一组数据，所以我要将这组数据深拷贝出来一份作为第二组data使用，但柱图x轴最后一项为总数，低点只能为0，所以要将复制出来的第二组data进行处理
首先调用接口，拿到接口数据，然后将数据循环拿到我想要的name字段作为x轴数据，count作为y轴数据，然后将y轴数据深拷贝一份，得到一个新的数组，然后利用splice方法，找到数组中的下标最后一个数据将他替换成0，就得到了最低点为0的总数效果，splice方法里的三个参数按顺序依次为：index(规定从何处添加/删除元素)，howmany（规定应该删除多少元素。必须是数字，但可以是 "0"），item（要添加到数组的新元素）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
