?適用圖表:柱形圖、組合圖
?使用產(chǎn)品:Tempo數(shù)據(jù)可視化平臺(tái)
?操作步驟:建立好圖表后,點(diǎn)擊工具條“腳本”按鈕,添加代碼,如下:
/**
* 圖形渲染之前對option的再次修改
**/
this.beforeRender = function(option){
//此處自行處理option的配置 TODO
$.extend(true, option.series[0], {
barGap: 0.005,
barMaxWidth:'25%',
z : 5,
label : {normal:{offset : [0, -5]}}
})
//處理右側(cè)立體片
const series1 = TempoUtils.clone(option.series[0]);
const sideData = series1.data.map(item => item + item * 0.023);
$.extend(true, series1, {
data:sideData,
barMaxWidth:'10%',
z : 1,
label : {normal : {show : false},emphasis:{show : false}}
})
option.series.push(series1);
//處理頂部
const series2 = TempoUtils.clone(option.series[0]);
$.extend(true, series2, {
type : 'pictorialBar',
symbol: 'path://M 0,0% l 35%,0 l -21%,1% l -43%,0% z',
symbolSize: ['140%', '2.6%'],
symbolOffset: ['1%', '-100%'],
symbolRotate: -1,
symbolPosition: 'end',
z:3,
label : {normal : {show : false}}
})
option.series.push(series2);
return option;
}