p85126437
/
datagear
forked from p81075629/datagear
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

添加内置旭日图图表插件

This commit is contained in:
datagear 2020-04-27 20:37:54 +08:00
parent 4fb8330a57
commit 569e85e539
4 changed files with 151 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
datagear-web/src/main/resources/org/datagear/web/builtInDashboardTemplates/dashboard-chart-icon.zip
View File

Binary file not shown.

BIN
datagear-web/src/main/resources/org/datagear/web/builtInHtmlChartPlugins/org.datagear.chart.sunburst.zip Normal file
View File

Binary file not shown.

57
datagear-web/src/main/resources/org/datagear/web/webapp/static/script/datagear-chartFactory.js
View File

@ -1073,6 +1073,63 @@
"borderWidth" : 1
}
},
"tree":
{
"label":
{
"color": chartTheme.color
},
"lineStyle": { "color": chartTheme.axisScaleLineColor },
"emphasis" :
{
"itemStyle" : {
"shadowBlur" : 10,
"shadowOffsetX" : 0,
"shadowColor" : chartTheme.axisColor,
}
}
},
"treemap":
{
"itemStyle" :
{
"borderWidth": 0.5,
"borderColor": chartTheme.backgroundColor
},
"emphasis" :
{
"itemStyle" : {
"shadowBlur" : 10,
"shadowOffsetX" : 0,
"shadowColor" : chartTheme.axisColor,
"borderWidth" : 0,
"borderColor" : chartTheme.axisColor
}
},
"breadcrumb":
{
"itemStyle":
{
"color": chartTheme.backgroundColor,
"borderColor": chartTheme.borderColor,
"shadowBlur": 0,
"textStyle": { color: chartTheme.color }
}
}
},
"sunburst":
{
"emphasis" :
{
"itemStyle" : {
"shadowBlur" : 10,
"shadowOffsetX" : 0,
"shadowColor" : chartTheme.axisColor,
"borderWidth" : 0,
"borderColor" : chartTheme.axisColor
}
}
},
"graph" : {
"itemStyle" : {
"borderWidth" : 0,

154
datagear-web/src/main/resources/org/datagear/web/webapp/static/script/datagear-chartSupport.js
View File

@ -1221,8 +1221,6 @@
chartSupport.treeRender = function(chart, idSign, nameSign, parentSign, valueSign, options)
{
var chartDataSet = chart.chartDataSetFirst();
//echarts主题没找到tree的定义方式，先在这里直接设置
var chartTheme = (chart.theme() || {});
options = chart.options($.extend(true,
{
@ -1241,8 +1239,7 @@
{
position: "left",
verticalAlign: "middle",
align: "right",
color: chartTheme.color
align: "right"
},
leaves:
{
@ -1258,7 +1255,6 @@
top: "12%",
bottom: "12%",
orient: "LR",
lineStyle: { color: chartTheme.axisScaleLineColor},
expandAndCollapse: true
}]
},
@ -1272,6 +1268,93 @@
chartSupport.treeUpdate = function(chart, results, idSign, nameSign, parentSign, valueSign)
{
var initOptions= chartSupport.initOptions(chart);
var mySeries = chartSupport.buildTreeNodeSeries(chart, results, idSign, nameSign, parentSign, valueSign);
var series = [ chartSupport.optionsSeries(initOptions, 0, mySeries) ];
var options = { series: series };
chart.echartsOptions(options);
};
//矩形树图
chartSupport.treemapRender = function(chart, idSign, nameSign, parentSign, valueSign, options)
{
var chartDataSet = chart.chartDataSetFirst();
options = chart.options($.extend(true,
{
title: {
text: chart.nameNonNull()
},
tooltip:
{
trigger: "item"
},
series: [{
name: "",
type: "treemap",
data: []
}]
},
options));
chartSupport.initOptions(chart, options);
chart.echartsInit(options, false);
};
chartSupport.treemapUpdate = function(chart, results, idSign, nameSign, parentSign, valueSign)
{
var initOptions= chartSupport.initOptions(chart);
var mySeries = chartSupport.buildTreeNodeSeries(chart, results, idSign, nameSign, parentSign, valueSign);
var series = [ chartSupport.optionsSeries(initOptions, 0, mySeries) ];
var options = { series: series };
chart.echartsOptions(options);
};
//旭日图
chartSupport.sunburstRender = function(chart, idSign, nameSign, parentSign, valueSign, options)
{
var chartDataSet = chart.chartDataSetFirst();
options = chart.options($.extend(true,
{
title: {
text: chart.nameNonNull()
},
tooltip:
{
trigger: "item"
},
series: [{
name: "",
type: "sunburst",
data: []
}]
},
options));
chartSupport.initOptions(chart, options);
chart.echartsInit(options, false);
};
chartSupport.sunburstUpdate = function(chart, results, idSign, nameSign, parentSign, valueSign)
{
var initOptions= chartSupport.initOptions(chart);
var mySeries = chartSupport.buildTreeNodeSeries(chart, results, idSign, nameSign, parentSign, valueSign);
var series = [ chartSupport.optionsSeries(initOptions, 0, mySeries) ];
var options = { series: series };
chart.echartsOptions(options);
};
chartSupport.buildTreeNodeSeries = function(chart, results, idSign, nameSign, parentSign, valueSign)
{
var chartDataSets = chart.chartDataSetsNonNull();
var seriesName = "";
@ -1301,9 +1384,7 @@
if(vp)
{
node.value = chart.resultRowCell(data[i], vp);
//标识节点值需要动态计算
if(node.value == null || node.value == 0)
node._evalValue = true;
chartSupport.treeNodeEvalValueMark(node);
}
var added = false;
@ -1319,63 +1400,16 @@
if(!added)
seriesData.push(node);
}
seriesData = seriesData.concat(data);
}
var series = [ chartSupport.optionsSeries(initOptions, 0, { name: seriesName, data: seriesData }) ];
var options = { series: series };
chart.echartsOptions(options);
return { name: seriesName, data: seriesData };
};
//矩形树图
chartSupport.treemapRender = function(chart, idSign, nameSign, parentSign, valueSign, options)
chartSupport.treeNodeEvalValueMark = function(node)
{
var chartDataSet = chart.chartDataSetFirst();
//echarts主题没找到tree的定义方式，先在这里直接设置
var chartTheme = (chart.theme() || {});
options = chart.options($.extend(true,
{
title: {
text: chart.nameNonNull()
},
tooltip:
{
trigger: "item"
},
series: [{
name: "",
type: "treemap",
data: [],
itemStyle:
{
borderWidth: 0.5,
borderColor: chartTheme.backgroundColor
},
breadcrumb:
{
itemStyle:
{
color: chartTheme.backgroundColor,
borderColor: chartTheme.borderColor,
shadowBlur: 0,
textStyle: { color: chartTheme.color }
}
}
}]
},
options));
chartSupport.initOptions(chart, options);
chart.echartsInit(options, false);
};
chartSupport.treemapUpdate = function(chart, results, idSign, nameSign, parentSign, valueSign)
{
chartSupport.treeUpdate(chart, results, idSign, nameSign, parentSign, valueSign)
//标识节点值需要动态计算
if(node.value == null || node.value == 0)
node._evalValue = true;
};
chartSupport.treeAppendNode = function(treeNode, node)