路径：D:\ireport365\ireport365.war\js\enduser\designer\vs-designer.js
最下面 以前就有 现在加的是目前所有组件 后续还会添加
不同的皮肤运行不同的方法
```
switch (type) {
case "dark":
darkData('dark');
break;
case "white":
darkData('white');
break;
case "Lightblue":
darkData('Lightblue');
break;
case "Darkblue":
darkData('Darkblue');
break;
case "Blackblue":
darkData('Blackblue');
break;
case "Brilliantblue":
darkData('Brilliantblue');
break;
}
```
```
// 对象判断函数
function optionList(components,item,i){
if(view[item].treemap != undefined || view[item].treemap != null){
if(components[i].type == 'treemap'){
components[i].config.tBackgroundColor = view[item].treemap.tBackgroundColor;
components[i].config.backgroundColor = view[item].treemap.background;
components[i].config.tFontColor = view[item].treemap.tFontColor;
}
}
if(view[item].line != undefined || view[item].line != null){
if(components[i].type == 'line'){
components[i].config.tBackgroundColor = view[item].line.tBackgroundColor;
components[i].config.backgroundColor = view[item].line.background;
components[i].config.tFontColor = view[item].line.tFontColor;
components[i].config.chartConfig.xAxis[0].axisLabel.textStyle.color = view[item].column.xAxisColor;
components[i].config.chartConfig.yAxis[0].axisLabel.textStyle.color = view[item].line.yAxisColor;
components[i].config.chartConfig.xAxis[0].axisLine.lineStyle.color = view[item].line.xAxisColorLine;
components[i].config.chartConfig.yAxis[0].axisLine.lineStyle.color = view[item].line.yAxisColorLine;
components[i].config.chartConfig.xAxis[0].splitLine.lineStyle.color = view[item].line.xAxisColorSplitLine;
components[i].config.chartConfig.yAxis[0].splitLine.lineStyle.color = view[item].line.yAxisColorSplitLine;
}
}
if(view[item].column != undefined || view[item].column != null){
if(components[i].type == 'column'){
components[i].config.tBackgroundColor = view[item].column.tBackgroundColor;
components[i].config.backgroundColor = view[item].column.background;
components[i].config.tFontColor = view[item].column.tFontColor;
components[i].config.chartConfig.xAxis[0].axisLabel.textStyle.color = view[item].column.xAxisColor;
components[i].config.chartConfig.yAxis[0].axisLabel.textStyle.color = view[item].column.yAxisColor;
components[i].config.chartConfig.xAxis[0].axisLine.lineStyle.color = view[item].column.xAxisColorLine;
components[i].config.chartConfig.yAxis[0].axisLine.lineStyle.color = view[item].column.yAxisColorLine;
components[i].config.chartConfig.xAxis[0].splitLine.lineStyle.color = view[item].column.xAxisColorSplitLine;
components[i].config.chartConfig.yAxis[0].splitLine.lineStyle.color = view[item].column.yAxisColorSplitLine;
}
}
if(view[item].area != undefined || view[item].area != null){
if(components[i].type == 'area'){
components[i].config.tBackgroundColor = view[item].area.tBackgroundColor;
components[i].config.backgroundColor = view[item].area.background;
components[i].config.tFontColor = view[item].area.tFontColor;
components[i].config.chartConfig.xAxis[0].axisLabel.textStyle.color = view[item].column.xAxisColor;
components[i].config.chartConfig.yAxis[0].axisLabel.textStyle.color = view[item].area.yAxisColor;
components[i].config.chartConfig.xAxis[0].axisLine.lineStyle.color = view[item].area.xAxisColorLine;
components[i].config.chartConfig.yAxis[0].axisLine.lineStyle.color = view[item].area.yAxisColorLine;
components[i].config.chartConfig.xAxis[0].splitLine.lineStyle.color = view[item].area.xAxisColorSplitLine;
components[i].config.chartConfig.yAxis[0].splitLine.lineStyle.color = view[item].area.yAxisColorSplitLine;
}
}
if(view[item].mixed != undefined || view[item].mixed != null){
if(components[i].type == 'mixed'){
components[i].config.tBackgroundColor = view[item].mixed.tBackgroundColor;
components[i].config.backgroundColor = view[item].mixed.background;
components[i].config.tFontColor = view[item].mixed.tFontColor;
components[i].config.chartConfig.xAxis[0].axisLabel.textStyle.color = view[item].column.xAxisColor;
components[i].config.chartConfig.yAxis[0].axisLabel.textStyle.color = view[item].mixed.yAxisColor;
components[i].config.chartConfig.yAxis[1].axisLabel.textStyle.color = view[item].mixed.yAxisColor;
components[i].config.chartConfig.xAxis[0].axisLine.lineStyle.color = view[item].mixed.xAxisColorLine;
components[i].config.chartConfig.yAxis[0].axisLine.lineStyle.color = view[item].mixed.yAxisColorLine;
components[i].config.chartConfig.yAxis[1].axisLine.lineStyle.color = view[item].mixed.yAxisColorLine;
components[i].config.chartConfig.xAxis[0].splitLine.lineStyle.color = view[item].mixed.xAxisColorSplitLine;
components[i].config.chartConfig.yAxis[0].splitLine.lineStyle.color = view[item].mixed.yAxisColorSplitLine;
}
}
if(view[item].bar != undefined || view[item].bar != null){
if(components[i].type == 'bar'){
components[i].config.tBackgroundColor = view[item].bar.tBackgroundColor;
components[i].config.backgroundColor = view[item].bar.background;
components[i].config.tFontColor = view[item].bar.tFontColor;
components[i].config.chartConfig.xAxis[0].axisLabel.textStyle.color = '#fff';
components[i].config.chartConfig.yAxis[0].axisLabel.textStyle.color = view[item].bar.yAxisColor;
components[i].config.chartConfig.xAxis[0].axisLine.lineStyle.color = view[item].bar.xAxisColorLine;
components[i].config.chartConfig.yAxis[0].axisLine.lineStyle.color = view[item].bar.yAxisColorLine;
components[i].config.chartConfig.xAxis[0].splitLine.lineStyle.color = view[item].bar.xAxisColorSplitLine;
components[i].config.chartConfig.yAxis[0].splitLine.lineStyle.color = view[item].bar.yAxisColorSplitLine;
}
}
if(view[item].pie != undefined || view[item].pie != null){
if(components[i].type == 'pie'){
components[i].config.tBackgroundColor = view[item].pie.tBackgroundColor;
components[i].config.backgroundColor = view[item].pie.background;
components[i].config.tFontColor = view[item].pie.tFontColor;
}
}
if(view[item].rose != undefined || view[item].rose != null){
if(components[i].type == 'rose'){
components[i].config.tBackgroundColor = view[item].rose.tBackgroundColor;
components[i].config.backgroundColor = view[item].rose.background;
components[i].config.tFontColor = view[item].rose.tFontColor;
}
}
if(view[item].gauge != undefined || view[item].gauge != null){
if(components[i].type == 'gauge'){
components[i].config.tBackgroundColor = view[item].gauge.tBackgroundColor;
components[i].config.backgroundColor = view[item].gauge.background;
components[i].config.tFontColor = view[item].gauge.tFontColor;
}
}
if(view[item].gauge2 != undefined || view[item].gauge2 != null){
if(components[i].type == 'gauge2'){
components[i].config.tBackgroundColor = view[item].gauge2.tBackgroundColor;
components[i].config.backgroundColor = view[item].gauge2.background;
components[i].config.chartConfig.backgroundColor = view[item].gauge2.background;
components[i].config.tFontColor = view[item].gauge2.tFontColor;
}
}
if(view[item].radar != undefined || view[item].radar != null){
if(components[i].type == 'radar'){
components[i].config.tBackgroundColor = view[item].radar.tBackgroundColor;
components[i].config.backgroundColor = view[item].radar.background;
components[i].config.tFontColor = view[item].radar.tFontColor;
if (components[i].config.chartConfig.radar.name == null) {
components[i].config.chartConfig.radar.name = {}
}
if (components[i].config.chartConfig.radar.name.textStyle == null) {
components[i].config.chartConfig.radar.name.textStyle = {}
}
if (components[i].config.chartConfig.legend.textStyle == null) {
components[i].config.chartConfig.legend.textStyle = {}
}
if (components[i].config.chartConfig.legend.textStyle == null) {
components[i].config.chartConfig.legend.textStyle = {}
}
components[i].config.chartConfig.radar.axisLine.lineStyle.color = view[item].radar.fontColor;
components[i].config.chartConfig.radar.splitLine.lineStyle.color = view[item].radar.fontColor;
components[i].config.chartConfig.radar.name.textStyle.color = view[item].radar.fontColor;
}
}
if(view[item].chinamap != undefined || view[item].chinamap != null){
if(components[i].type == 'chinamap'){
components[i].config.tBackgroundColor = view[item].chinamap.tBackgroundColor;
components[i].config.backgroundColor = view[item].chinamap.background;
components[i].config.tFontColor = view[item].chinamap.tFontColor;
if(components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle==null){
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle= {}
}
if (components[i].config.chartConfig.dataRange.textStyle == null) {
components[i].config.chartConfig.dataRange.textStyle = {}
}
components[i].config.chartConfig.dataRange.textStyle.color = view[item].chinamap.dataRangeTextStyleColor;
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle.color = view[item].chinamap.fontColor;
}
}
if(view[item].chinamap2 != undefined || view[item].chinamap2 != null){
if(components[i].type == 'chinamap2'){
components[i].config.tBackgroundColor = view[item].chinamap2.tBackgroundColor;
components[i].config.backgroundColor = view[item].chinamap2.background;
components[i].config.tFontColor = view[item].chinamap2.tFontColor;
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle.color = view[item].chinamap2.fontColor;
if (components[i].config.chartConfig.dataRange.textStyle == null) {
components[i].config.chartConfig.dataRange.textStyle = {}
}
components[i].config.chartConfig.dataRange.textStyle.color = view[item].chinamap.dataRangeTextStyleColor;
}
}
if(view[item].chinaAreaMap != undefined || view[item].chinaAreaMap != null){
if(components[i].type == 'chinaAreaMap'){
components[i].config.tBackgroundColor = view[item].chinaAreaMap.tBackgroundColor;
components[i].config.backgroundColor = view[item].chinaAreaMap.background;
components[i].config.tFontColor = view[item].chinaAreaMap.tFontColor;
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle.color = view[item].chinaAreaMap.fontColor;
if (components[i].config.chartConfig.dataRange.textStyle == null) {
components[i].config.chartConfig.dataRange.textStyle = {}
}
components[i].config.chartConfig.dataRange.textStyle.color = view[item].chinaAreaMap.dataRangeTextStyleColor;
}
}
if(view[item].chinaHeatMap != undefined || view[item].chinaHeatMap != null){
if(components[i].type == 'chinaHeatMap'){
components[i].config.tBackgroundColor = view[item].chinaHeatMap.tBackgroundColor;
components[i].config.backgroundColor = view[item].chinaHeatMap.background;
components[i].config.tFontColor = view[item].chinaHeatMap.tFontColor;
if(components[i].config.chartConfig.series[0].itemStyle == null){
components[i].config.chartConfig.series[0].itemStyle= {}
components[i].config.chartConfig.series[0].itemStyle.normal = {}
components[i].config.chartConfig.series[0].itemStyle.normal.label = {}
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle = {}
}
if (components[i].config.chartConfig.dataRange.textStyle == null) {
components[i].config.chartConfig.dataRange.textStyle = {}
}
components[i].config.chartConfig.dataRange.textStyle.color = view[item].chinaHeatMap.dataRangeTextStyleColor;
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle.color = view[item].chinaHeatMap.fontColor;
}
}
if(view[item].DrillDownChinaMap != undefined || view[item].DrillDownChinaMap != null){
if(components[i].type == 'DrillDownChinaMap'){
components[i].config.tBackgroundColor = view[item].DrillDownChinaMap.tBackgroundColor;
components[i].config.backgroundColor = view[item].DrillDownChinaMap.background;
components[i].config.tFontColor = view[item].DrillDownChinaMap.tFontColor;
components[i].config.chartConfig.series[0].itemStyle.normal.label.textStyle.color = view[item].DrillDownChinaMap.fontColor;
if (components[i].config.chartConfig.dataRange.textStyle == null) {
components[i].config.chartConfig.dataRange.textStyle = {}
}
components[i].config.chartConfig.dataRange.textStyle.color = view[item].DrillDownChinaMap.dataRangeTextStyleColor;
}
}
if(view[item].echartsMap != undefined || view[item].echartsMap != null){
if(components[i].type == 'echartsMap'){
components[i].config.tBackgroundColor = view[item].treemap.tBackgroundColor;
components[i].config.backgroundColor = view[item].echartsMap.background;
components[i].config.tFontColor = view[item].echartsMap.tFontColor;
}
}
if(view[item].echartsBubbleMap != undefined || view[item].echartsBubbleMap != null){
if(components[i].type == 'echartsBubbleMap'){
components[i].config.tBackgroundColor = view[item].echartsBubbleMap.tBackgroundColor;
components[i].config.backgroundColor = view[item].echartsBubbleMap.background;
components[i].config.tFontColor = view[item].echartsBubbleMap.tFontColor;
}
}
if(view[item].kline != undefined || view[item].kline != null){
if(components[i].type == 'kline'){
components[i].config.tBackgroundColor = view[item].kline.tBackgroundColor;
components[i].config.backgroundColor = view[item].kline.background;
components[i].config.tFontColor = view[item].kline.tFontColor;
components[i].config.chartConfig.xAxis[0].axisLabel.textStyle.color = view[item].kline.xAxisColor;
components[i].config.chartConfig.yAxis[0].axisLabel.textStyle.color = view[item].kline.yAxisColor;
components[i].config.chartConfig.xAxis[0].axisLine.lineStyle.color = view[item].kline.xAxisColorLine;
components[i].config.chartConfig.yAxis[0].axisLine.lineStyle.color = view[item].kline.yAxisColorLine;
components[i].config.chartConfig.yAxis[1].axisLine.lineStyle.color = view[item].kline.yAxisColorLine;
components[i].config.chartConfig.yAxis[2].axisLine.lineStyle.color = view[item].kline.yAxisColorLine;
components[i].config.chartConfig.xAxis[0].splitLine.lineStyle.color = view[item].kline.xAxisColorSplitLine;
components[i].config.chartConfig.yAxis[0].splitLine.lineStyle.color = view[item].kline.yAxisColorSplitLine;
components[i].config.chartConfig.yAxis[1].splitLine.lineStyle.color = view[item].kline.yAxisColorSplitLine;
components[i].config.chartConfig.yAxis[2].splitLine.lineStyle.color = view[item].kline.yAxisColorSplitLine;
}
}
if(view[item].worldMap != undefined || view[item].worldMap != null){
if(components[i].type == 'worldMap'){
components[i].config.tBackgroundColor = view[item].worldMap.tBackgroundColor;
components[i].config.backgroundColor = view[item].worldMap.background;
components[i].config.tFontColor = view[item].worldMap.tFontColor;
}
}
if(view[item].boxplot != undefined || view[item].boxplot != null){
if(components[i].type == 'boxplot'){
components[i].config.tBackgroundColor = view[item].boxplot.tBackgroundColor;
components[i].config.backgroundColor = view[item].boxplot.background;
components[i].config.tFontColor = view[item].boxplot.tFontColor;
components[i].config.chartConfig.xAxis.axisLine.lineStyle.color = view[item].boxplot.xAxisColor;
components[i].config.chartConfig.yAxis.axisLine.lineStyle.color = view[item].boxplot.yAxisColor;
components[i].config.chartConfig.yAxis.splitLine.lineStyle.color = view[item].boxplot.yAxisColorSplitLine;
}
}
// 基本
if(view[item].text != undefined || view[item].text != null){
if(components[i].type == 'text'){
components[i].config.backgroundColor = view[item].text.background;
components[i].config.color = view[item].text.textColor;
}
}
if(view[item].url != undefined || view[item].url != null){
if(components[i].type == 'url'){
components[i].config.backgroundColor = view[item].url.background;
}
}
if(view[item].container != undefined || view[item].container != null){
if(components[i].type == 'container'){
components[i].config.backgroundColor = view[item].container.background;
}
}
if(view[item].slides != undefined || view[item].slides != null){
if(components[i].type == 'slides'){
components[i].config.backgroundColor = view[item].slides.background;
}
}
if(view[item].b1020 != undefined || view[item].b1020 != null){
if(components[i].type == 'b1020'){
components[i].config.backgroundColor = view[item].b1020.background;
}
}
if(view[item].human != undefined || view[item].human != null){
if(components[i].type == 'human'){
components[i].config.backgroundColor = view[item].human.background;
components[i].config.tBackgroundColor = view[item].human.background;
components[i].config.tFontColor = view[item].human.tFontColor;
}
}
if(view[item].video != undefined || view[item].video != null){
if(components[i].type == 'video'){
components[i].config.backgroundColor = view[item].video.background;
components[i].config.tBackgroundColor = view[item].video.tBackgroundColor;
components[i].config.tFontColor = view[item].video.tFontColor;
}
}
if(view[item].code != undefined || view[item].code != null){
if(components[i].type == 'code'){
components[i].config.backgroundColor = view[item].code.background;
}
}
if(view[item].timeAxis != undefined || view[item].timeAxis != null){
if(components[i].type == 'timeAxis'){
components[i].config.backgroundColor = view[item].timeAxis.background;
components[i].config.tBackgroundColor = view[item].timeAxis.tBackgroundColor;
components[i].config.tFontColor = view[item].timeAxis.tFontColor;
}
}
if(view[item].image != undefined || view[item].image != null){
if(components[i].type == 'image'){
components[i].config.backgroundColor = view[item].image.background;
}
}
if(view[item].gioChart != undefined || view[item].gioChart != null){
if(components[i].type == 'gioChart'){
components[i].config.backgroundColor = view[item].gioChart.background;
components[i].config.setBackgroundColor = view[item].gioChart.setBackgroundColor;
}
}
if(view[item].timeData != undefined || view[item].timeData != null){
if(components[i].type == 'timeData'){
components[i].config.backgroundColor = view[item].timeData.background;
components[i].config.color = view[item].timeData.color;
}
}
if(view[item].clock != undefined || view[item].clock != null){
if(components[i].type == 'clock'){
components[i].config.backgroundColor = view[item].clock.background;
components[i].config.backgroundColorOne = view[item].clock.backgroundColorOne;
components[i].config.backgroundColorTow = view[item].clock.backgroundColorTow;
}
}
// 基本end
// 方形元素
if(view[item].w1100 != undefined || view[item].w1100 != null){
if(components[i].type == 'w1100'){
components[i].config.backgroundColor = view[item].w1100.background;
components[i].config.tBackgroundColor = view[item].w1100.tBackgroundColor;
components[i].config.tFontColor = view[item].w1100.tFontColor;
}
}
if(view[item].w1010 != undefined || view[item].w1010 != null){
if(components[i].type == 'w1010'){
components[i].config.backgroundColor = view[item].w1010.background;
components[i].config.tBackgroundColor = view[item].w1010.tBackgroundColor;
components[i].config.tFontColor = view[item].w1010.tFontColor;
components[i].config.mainTitleColor = view[item].w1010.mainTitleColor;
}
}
if(view[item].w1050 != undefined || view[item].w1050 != null){
if(components[i].type == 'w1050'){
components[i].config.backgroundColor = view[item].w1050.background;
components[i].config.tBackgroundColor = view[item].w1050.tBackgroundColor;
components[i].config.tFontColor = view[item].w1050.tFontColor;
}
}
// 方形元素end
// 长形元素start
if(view[item].w2000 != undefined || view[item].w2000 != null){
if(components[i].type == 'w2000'){
components[i].config.backgroundColor = view[item].w2000.background;
components[i].config.tBackgroundColor = view[item].w2000.tBackgroundColor;
components[i].config.tFontColor = view[item].w2000.tFontColor;
// components[i].config.headerBgColor = view[item].w2000.headerBgColor;
// components[i].config.bodyFontColor = view[item].w2000.bodyFontColor;
components[i].config.evenRowBgColor = view[item].w2000.evenRowBgColor;
components[i].config.oddRowBgColor = view[item].w2000.oddRowBgColor;
}
}
if(view[item].w2050 != undefined || view[item].w2050 != null){
if(components[i].type == 'w2050'){
components[i].config.backgroundColor = view[item].w2050.background;
components[i].config.rightIconColor = view[item].w2050.rightIconColor;
}
}
// 长形元素end
// 进阶图形start
if(view[item].bullet != undefined || view[item].bullet != null){
if(components[i].type == 'bullet'){
components[i].config.backgroundColor = view[item].bullet.background;
components[i].config.tBackgroundColor = view[item].bullet.tBackgroundColor;
components[i].config.tFontColor = view[item].bullet.tFontColor;
}
}
if(view[item].funnel != undefined || view[item].funnel != null){
if(components[i].type == 'funnel'){
components[i].config.backgroundColor = view[item].funnel.background;
components[i].config.tBackgroundColor = view[item].funnel.tBackgroundColor;
components[i].config.tFontColor = view[item].funnel.tFontColor;
}
}
if(view[item].scatterplot != undefined || view[item].scatterplot != null){
if(components[i].type == 'scatterplot'){
components[i].config.backgroundColor = view[item].scatterplot.background;
components[i].config.tBackgroundColor = view[item].scatterplot.tBackgroundColor;
components[i].config.tFontColor = view[item].scatterplot.tFontColor;
}
}
if(view[item].wordcloud != undefined || view[item].wordcloud != null){
if(components[i].type == 'wordcloud'){
components[i].config.backgroundColor = view[item].wordcloud.background;
components[i].config.tBackgroundColor = view[item].wordcloud.tBackgroundColor;
components[i].config.tFontColor = view[item].wordcloud.tFontColor;
}
}
if(view[item].piano != undefined || view[item].piano != null){
if(components[i].type == 'piano'){
components[i].config.backgroundColor = view[item].piano.background;
components[i].config.tBackgroundColor = view[item].piano.tBackgroundColor;
components[i].config.tFontColor = view[item].piano.tFontColor;
}
}
if(view[item].g1000 != undefined || view[item].g1000 != null){
if(components[i].type == 'g1000'){
components[i].config.backgroundColor = view[item].g1000.background;
components[i].config.tBackgroundColor = view[item].g1000.tBackgroundColor;
components[i].config.tFontColor = view[item].g1000.tFontColor;
components[i].config.headerBackgroundColor = view[item].g1000.headerBgColor;
components[i].config.headerFontColor = view[item].g1000.bodyFontColor;
components[i].config.bodyFontColor = view[item].g1000.bodyFontColor;
console.log(components[i].config)
// console.log(components[i])
components[i].config.evenRowBgColor = view[item].g1000.evenRowBgColor;
components[i].config.oddRowBgColor = view[item].g1000.oddRowBgColor;
components[i].config.chartConfig.headerBorderColor = view[item].g1000.headerBorderColor
components[i].config.chartConfig.bodyBorderColor = view[item].g1000.bodyBorderColor
components[i].config.chartConfig.selectedRowBgColor = view[item].g1000.selectedRowBgColor
}
}
if(view[item].g1050 != undefined || view[item].g1050 != null){
if(components[i].type == 'g1050'){
components[i].config.backgroundColor = view[item].g1050.background;
components[i].config.tBackgroundColor = view[item].g1050.tBackgroundColor;
components[i].config.tFontColor = view[item].g1050.tFontColor;
components[i].config.headerBackgroundColor = view[item].g1050.headerBgColor;
components[i].config.headerFontColor = view[item].g1050.bodyFontColor;
components[i].config.chartConfig.bodyFontColor = view[item].g1050.bodyFontColor;
components[i].config.bodyFontColor = view[item].g1050.bodyFontColor;
// console.log(components[i])
components[i].config.evenRowBgColor = view[item].g1050.evenRowBgColor;
components[i].config.oddRowBgColor = view[item].g1050.oddRowBgColor;
components[i].config.selectedRowBgColor = view[item].g1050.selectedRowBgColor
components[i].config.chartConfig.headerBorderColor = view[item].g1000.headerBorderColor
components[i].config.chartConfig.headerBorderColor = view[item].g1000.headerBorderColor
components[i].config.chartConfig.bodyBorderColor = view[item].g1000.bodyBorderColor
}
}
if(view[item].g1060 != undefined || view[item].g1060 != null){
if(components[i].type == 'g1060'){
components[i].config.backgroundColor = view[item].g1060.background;
components[i].config.tBackgroundColor = view[item].g1060.tBackgroundColor;
components[i].config.tFontColor = view[item].g1060.tFontColor;
components[i].config.headerBackgroundColor = view[item].g1060.headerBgColor;
components[i].config.headerFontColor = view[item].g1060.bodyFontColor;
components[i].config.bodyFontColor = view[item].g1060.bodyFontColor;
components[i].config.bodyFontColor = view[item].g1060.bodyFontColor;
// components[i].config.chartConfig.bodyMainFontColor = 18;
// console.log(components[i].config.chartConfig.bodyMainFontColor)
components[i].config.bodyMainFontColor = view[item].g1060.bodyFontColor;
// console.log(components[i].config.chartConfig.bodyMainFontColor)
components[i].config.evenRowBgColor = view[item].g1060.evenRowBgColor;
components[i].config.oddRowBgColor = view[item].g1060.oddRowBgColor;
components[i].config.selectedRowBgColor = view[item].g1060.selectedRowBgColor
components[i].config.chartConfig.headerBorderColor = view[item].g1000.headerBorderColor
components[i].config.chartConfig.headerBorderColor = view[item].g1000.headerBorderColor
components[i].config.chartConfig.bodyBorderColor = view[item].g1000.bodyBorderColor
}
}
// 进阶图形end
console.log(components[i].type)
}
```
皮肤包
路径D:\ireport365\ireport365.war\js\enduser\designer\dark.js
直接替换做好的文件吧
路径：D:\ireport365\ireport365.war\WEB-INF\pages\enduser\designer\index.jsp
模板 直接替换
```
<div id="viewlist" style="padding-left:18px;padding-top:20px;">
<div class="echarts_theme" ng-click="confirm('white')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:white;border:2px solid #ccc;cursor:pointer;border:2px solid #ff8800;position:relative;text-align:center;border-radius:5px;margin:10px;" >
<span style="display:block;width:100%;text-align:center;color:#333;position:absolute;bottom:5px;">默认</span>
</div>
<div class="echarts_theme" ng-click="confirm('dark')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:#252d47;cursor:pointer;border:2px solid #ff8800;position:relative;text-align:center;border-radius:5px;margin:10px;" >
<span style="display:block;width:100%;text-align:center;color:#fff;position:absolute;bottom:5px;">科技蓝</span>
</div>
<div class="echarts_theme" ng-click="confirm('Lightblue')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:#19b0ed;cursor:pointer;border:2px solid #ff8800;position:relative;text-align:center;border-radius:5px;margin:10px;" >
<span style="display:block;width:100%;text-align:center;color:#fff;position:absolute;bottom:5px;">浅蓝</span>
</div>
<div class="echarts_theme" ng-click="confirm('Darkblue')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:#281f72;cursor:pointer;border:2px solid #ff8800;position:relative;text-align:center;border-radius:5px;margin:10px;" >
<span style="display:block;width:100%;text-align:center;color:#fff;position:absolute;bottom:5px;">深蓝</span>
</div>
<div class="echarts_theme" ng-click="confirm('Blackblue')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:#1c173f;cursor:pointer;border:2px solid #ff8800;position:relative;text-align:center;border-radius:5px;margin:10px;" >
<span style="display:block;width:100%;text-align:center;color:#fff;position:absolute;bottom:5px;">黑蓝</span>
</div>
<div class="echarts_theme" ng-click="confirm('Brilliantblue')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:#2e2caf;cursor:pointer;border:2px solid #ff8800;position:relative;text-align:center;border-radius:5px;margin:10px;" >
<span style="display:block;width:100%;text-align:center;color:#fff;position:absolute;bottom:5px;">绚丽蓝</span>
</div>
</div>
```
- video
- treemap
- mian.html文件注释
- 配置项tab
- 配置项属性
- internalRefreshAxisMdelData函数梳理
- 函数配置项-engine文件
- 替换数据源流程
- design.js
- 树图
- 下钻 废弃
- 人体图
- 下钻地图
- 行列互转
- 预览样式
- logo旁边的报表名
- echarts 组件生成图片
- 数据集样式
- 头部 黑色head
- 手机 ipad 图片
- k线图部分
- 平台管理css样式
- 目录css和平板的边距
- 设计页-数据源-目录
- 数据集 - 查看数据表 -按钮和目录样式
- 报表列表页按钮css
- 角色管理页按钮css
- 推送通知按钮css
- 子账号按钮css
- 数据连接
- openlayers地图线路图
- openlayers4_map_designer.js
- openlayers4_map_view.js
- 说明
- 常用图标小bug
- echarts 气泡地图
- echarts 线路轨迹图
- 导出pdf
- 可视化sql--css
- 表格滚动
- 主题色
- 时间轴
- 分享弹框
- 管理平台header和菜单
- 报表平台和菜单
- 初始化组件颜色
- 其他弹框
- olap分析样式-废弃
- 3d地图柱状图
- 关系图
- olap分析
- 地区地图
- k线图相关属性设置
- 世界地图
- 时间轴（new）
- 选择省份下转地图
- 选择省市飞线地图
- 面积预警地图默认颜色
- 组件覆层开关组件
- 汽车仪表盘bug
- 雷达图bug修复不能分享的问题
- 饼状 条形图 自动播放
- 临时用
- 自动轮播
- 方形元素 按钮浮动报错
- 面积预警地图整合可选择省市区
- 下钻地图添加返回按钮
- 下钻地图修复预警bug
- 基本时间组件
- 添加时钟组件
- 3d地球组件
- 盒须图
- 组件加载动画
- 报表背景渐变色
- 主题模板
- 没用
- 3机房第三方组件
- 设计
- 分享
- 3d机房需要的静态资源
- cesium地球需要的文件以及样式
- cesium地球
- 设计页
- 分享页
- 图标条形图
- 世豪-前端代码整理
- component.css 文件新添加
- 杂项
- index.jsp
- designer.css 样式暂时不整理 里面比较杂
- vs-common.js 新加生成html2canvas pdf
- vs-component-basic.js 完
- vs-component-datasource.js 完
- vs-component-engine.js 完
- vs-component-widget-grid.js 完
- vs-component-widget-square.js 完
- vs-designer.js 完
- vs-designer-component.js 完
- vs-designer-report.js 完
- vs-designer-reportpage.js 完
- vs-component-echarts.js 完
- main.html 完
- component.html 新加组件设置页模板
- 以前的报表页设置控制器---做个记录
- 大概修改过的代码
- 2019-5-8 修改皮肤控制器
- 选择模板
- 桑基图2019-11-20
- bug 修正 2019-11-21
- 插图柱状图
- cesiumchart组件
- gis 地图 联动 弹框 图标
- 动态面积图添加按钮类配置项
- 玫瑰图形组件
- cesium 图形 和three.js 冲突的bug
- gis 地图 默认图层
- 网格标签
- gis 点图 值域
- gis 面图 值域
- 按钮图标添加提示框
- 百度地图
- 剩余的组件
- gulp说明文档
- 色斑图加透明