vchart 堆叠图求总和

who is vChart?

vChart 是基于echart封装的一个图表组件。使用起来比echart要简洁方便,但是想要实现一些复杂的功能相对就没有echart方便了。

踩坑堆叠柱状图求总和

(这个问题也可以叫堆叠图顶部显示一个即不是维度又不是指标的值)

1.首先看一下堆叠图顶部显示的样子

vchart 堆叠图求总和_第1张图片



他的显示效果和普通的柱状图一样,这显然不是我们想要的效果。so 需要改一下下配置。



重点是这里的代码!!!

在看一下效果

vchart 堆叠图求总和_第2张图片

对了,是我们想要的样子。

既然显示的样子成功了,那么。就解决下一个问题,显示的数据。

同样,还是的改配置,哈哈哈哈。解决问题的思路是不是get到了一点点,那就是:从配置入手,自定义配置。




重要的代码!!! 

vchart 堆叠图求总和_第3张图片

vchart 堆叠图求总和_第4张图片 

 看一下效果

vchart 堆叠图求总和_第5张图片

妥妥的搞定。

需要纪念一下这个小功能,整整搞了一下午,终于搞定他。 

你可能感兴趣的:(js,js,vchart)