Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
22
议题
22
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7
提交
fab8a43e
提交
fab8a43e
编写于
5月 29, 2020
作者:
tony001
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新雷达图
上级
03ef6766
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
25 行增加
和
39 行删除
+25
-39
CONTROL-BASE.vue#SERIES_RADAR.ftl
@CONTROL/数据图表 (新)/CONTROL-BASE.vue#SERIES_RADAR.ftl
+1
-1
CONTROL-BASE.vue.ftl
@CONTROL/数据图表 (新)/CONTROL-BASE.vue.ftl
+24
-38
未找到文件。
@CONTROL/数据图表 (新)/CONTROL-BASE.vue#SERIES_RADAR.ftl
浏览文件 @
fab8a43e
...
...
@@ -7,7 +7,7 @@ ${item.render.code}
name:'<#if item.getCaption()??>${item.getCaption()}</#if>',
type:'radar',
encode:{
<#if item.getCatalogField()??>itemName:"${item.getCatalogField()}"</#if>
itemName:"type"
}<#if item.getBaseOptionJOString()??>,
${item.getBaseOptionJOString()}
</#if>
...
...
@CONTROL/数据图表 (新)/CONTROL-BASE.vue.ftl
浏览文件 @
fab8a43e
...
...
@@ -276,7 +276,7 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
</#if>
this.service.search(this.fetchAction,JSON.parse(JSON.stringify(this.context)),arg,this.showBusyIndicator).then((res) => {
if (res) {
this.transformToBasicChartSetData(res.data,(
) =>{_this.drawCharts(
)});
this.transformToBasicChartSetData(res.data,(
codelist:any) =>{_this.drawCharts(codelist
)});
}
}).catch((error) => {
console.error(error);
...
...
@@ -289,12 +289,12 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
* @returns {*}
* @memberof ${srfclassname('${ctrl.name}')}Base
*/
public drawCharts(){
public drawCharts(
codelist:any
){
if(!this.myChart){
let element:any = document.getElementById(this.chartId);
this.myChart = echarts.init(element);
}
this.handleChartOPtion();
this.handleChartOPtion(
codelist
);
console.log(this.chartOption);
this.myChart.setOption(this.chartOption);
this.myChart.resize();
...
...
@@ -305,7 +305,7 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
*
* @memberof ${srfclassname('${ctrl.name}')}Base
*/
public handleChartOPtion(){
public handleChartOPtion(
codelist:any
){
if(Object.keys(this.seriesModel).length > 0){
let tempDataSourceMap:Map<string,any> = new Map();
for(let i=0;i<Object.keys(this.seriesModel).length;i++){
...
...
@@ -339,10 +339,12 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
// 雷达图
if(tempSeries.type && Object.is(tempSeries.type,'radar') && tempSeries.seriesIdField && tempSeries.seriesValues.length > 0){
let tempIndicator:any = [];
tempSeries.seriesValues.forEach((item:any) =>{
let singleIndicatorObj:any = {name:item,max:this.computeMaxValue(tempSeries)};
tempIndicator.push(singleIndicatorObj);
})
if(allcodelist.get(tempSeries.categorCodeList.tag)){
allcodelist.get(tempSeries.categorCodeList.tag).forEach((item:any) =>{
let singleIndicatorObj:any = {name:item,max:100};
tempIndicator.push(singleIndicatorObj);
})
}
this.chartOption.radar = {'indicator':tempIndicator};
}else{
// 非雷达图
...
...
@@ -369,30 +371,6 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
}
}
/**
* 计算雷达图最大值
*
*
* @param {*} tempSeries 当前序列
* @memberof ${srfclassname('${ctrl.name}')}Base
*/
public computeMaxValue(tempSeries:any){
let tempArray:Array<any> = [];
let chartData:Array<any> = tempSeries.data;
let seriesValues:Array<any> = tempSeries.seriesValues;
if(chartData && chartData.length >0 && seriesValues && seriesValues.length >0){
seriesValues.forEach((seriesValue:any) =>{
chartData.forEach((singleData:any) =>{
tempArray.push(singleData[seriesValue]);
})
})
tempArray.sort((a:any, b:any) => {
return a - b;
});
}
return tempArray.length>0?(tempArray[tempArray.length - 1] + 20):50;
}
/**
* 实体数据集转化为图表数据集
*
...
...
@@ -520,7 +498,7 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
item.data = this.groupAndAdd(tempGroupField,[],tempValueField,data,item,groupField,allCodeList);
}
if(callback && callback instanceof Function){
callback();
callback(
allCodeList
);
}
}
...
...
@@ -634,11 +612,19 @@ import { ChartDataSetField,ChartLineSeries,ChartFunnelSeries,ChartPieSeries,Char
}
returnArray = this.sortReturnArray(returnArray,groupFieldModel,allCodeList);
// 雷达图数据格式处理
if(Object.is(item.type,'radar')){
returnArray.forEach((item:any) =>{
item.type = item[groupField[0]];
delete item[groupField[0]];
})
if(Object.is(item.type,'radar') && returnArray.length >0){
let tempReturnArray:Array<any> = [];
let seriesValues:Array<any> = item.seriesValues;
if(seriesValues && seriesValues.length >0){
seriesValues.forEach((singleSeriesName:any) =>{
let singleSeriesObj:any = {type:singleSeriesName};
returnArray.forEach((item:any) =>{
Object.assign(singleSeriesObj,{[item[groupField[0]]]:item[singleSeriesName]});
})
tempReturnArray.push(singleSeriesObj);
})
}
returnArray = tempReturnArray;
}
console.log(JSON.stringify(returnArray));
return returnArray;
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录