1. 标题头蓝色竖线，须用到决策报表的report模板，调整单元格设置背景色，或者直接设置单元格外框线；

2. 仪表盘渐变色，目前report自带设置无效，通过css+html代码可设置；

3. 扇形图，方块图例可通过旧图表实现，但是旧图表又无法取消设置系列的框线，最终结果还是跟上图不同。

//渐变色代码如下
    第一步：引用一个css，具体代码
.fr-titlelayout div[widgetname="CHART0"] .ui-state-enabled .seriesGroup path:nth-child(2) {
stroke: url(#bluetrand) !important;
}
//之后可以根据图表数量改chart的数字。
    第二步，在body下初始化一段html，代码如下
$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/rand.css"/>').appendTo('head');
$('<svg width="24" height="300" style="transform: translate3d(0px, 0px, 0px);"><defs><linearGradient id="bluetrand" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:#00baff;stop-opacity:1"/><stop offset="100%" style="stop-color:#012030;stop-opacity:1"/></linearGradient></defs></svg>').appendTo('body');
var el = $(this.element).find('.rect1');
console.log(el.html());
//具体颜色可以改

第一个应该是用了决策报表，标题和图是两个，可以参考主页demo

旧版饼图是方形的，需要下载插件

那个事单元格做的吧，设置背景颜色就行，看他怎么实现那个竖线的，

图例设置系列配色就行

仪表盘好像渐变不了吧，你这个图是帆软做的吗