简单而有效

美工设计的图稿右下图样式： 内发光且不说，有斜线部分，虽然切图很方便，但是因为上大屏，常常发生扭曲，没有css控制调整方便。于是写了如下代码实现： .slopingside{ height:0px; border: 1px solid red; width: 45px; transform:rotate(125deg); -o-t

思路： 利用echart瀑布图，实现计划进度和实际进度的对比，显示差异以及工期。利用甘特图因为时间轴不好调整，并且不好看，所以利用echart布局。公司只想关注主要环节，希望一屏能够看到想要的信息，所以我想到把时间固定在6-8个区段（因为项目会有延期）。但是时间轴是可以动态生成的。以下代码可以直接在echart官方的编辑器中运行。赋值接口都已经安排好，想必用过的人应该懂得如何赋值。代码如下：opt