echarts绘制圆角方形进度图

案例效果展示：

 
左图旋转整块div 使用CSS3 transform: rotate（45deg）即可得到以左下角为起点向右上角增长的进度条

1.裁剪图形

symbolClip: true,

● false/null/undefined：图形本身表示数值大小，不对图形进行裁剪;
● true：图形被剪裁后剩余的部分表示数值大小;

  symbolClip 常在这种场景下使用：同时表达『总值』和『当前数值』。在这种场景下，可以使用两个系列，一个系列是完整的图形，当做『背景』来表达总数值，另一个系列是使用 symbolClip 进行剪裁过的图形，表达当前数值。</