js版的矩形式图,算法借鉴datavjs

首先先看效果.

当然这个图和大多数的应用场景不太一样.在这里我也只说思路不会贴全部的代码.

首先接到这个任务的时候,我考虑了很久,到底怎么样才能保证文字显示基本正常.后来参考淘宝datavjs的做法

1.如果现在宽大于高就竖着切一刀,否则横着切一刀.

2.如果是竖着切,那么如果宽高比小于1/2的话就增加这组数据就加1,再小于1/2就继续增加.以此类推.

原文地址:https://www.cnblogs.com/longhuang/p/2863380.html