fayray1944的博客

原创 用CSS画鱼刺图

 需求及解决思路：用一张背景图画出鱼骨，上面分若干鱼刺，每个鱼刺为一个div,div里也有一个表示指向关系的背景图，每根鱼刺上的div都会有三个状态，收起，半展开，全展开。里面的部分指标内容会根据需要隐藏或展现。里面的内容分为四种类型的指标:汇总类目项，类目项,比率,换算指标。每个指标会是一个小的矩型框，里面有文字和占比图等信息，这就需要用css实现，并控制其位置坐标。背景图: ...