主題色 · 代碼梳理

路徑D:\ireport365\ireport365.war\WEB-INF\pages\enduser\designer\index.jsp 在退出全屏后面加 ~~~ <li class="menu_box_item" ng-click="designerHelper.copyReportPageScriptView()"> <img ng-src="{{getContextPath()}}/images/designer/enclosure.png"> <span class="">主題設置</span> </li> ~~~ 在編輯腳本下面寫入模板 /* 主題設置 */ ~~~ <script type="text/ng-template" id="copyReportPageScriptViewModal.html"> <div class="modal-header" style="padding: 10px 15px;"> <h4>主題設置</h4> </div> <div class="modal-body" style="padding:0;"> <div id="copyReportPageScriptModalBody" class="modal-body" style="padding:0;"> </div> <div id="viewlist" style="padding-left:18px;padding-top:20px;"> <div 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:0px;">主題一</span> </div> <div ng-click="confirm('white')" class="viewlist-list" style="display:inline-block;width:100px;height:80px;background:white;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:0px;">主題二</span> </div> </div> <div class="modal-footer" style="padding: 10px 15px;"> <%--<button type="button" class="btn btn-success" ng-click="reduction()">還原</button>--%> <button type="button" class="btn btn-default" ng-click="dismissWindow()">{{vsLang.cancel}}</button> </div> </script> ~~~ 看圖位置 ![](https://box.kancloud.cn/da97ae79922d6a4fcf776eb8dda7b6a5_1201x764.png) 接下來是彈出框的設置了大概在410行左右看圖 ~~~ // 操作確認框 m.designerHelper.copyReportPageScriptView = function() { var p = c(m.currentReportPage.designContent, true); m.designerHelper.openScriptEditorViewWindow(p, function(q) { g({ text: "本操作會修改當前配色，是否繼續？", title: vsLang.action_confirm, ok: vsLang.yes, cancel: vsLang.no }).then(function() { a(function() { m.currentReportPage.designContent = $.parseJSON(q); m.$broadcast(event_laodReportPageDdesignContent, { reportPage: m.currentReportPage }) // console.log(m.currentReportPage) }, 100) }) }) }; // 添加主題設置彈框 m.designerHelper.openScriptEditorViewWindow = function(q, r) { var p = b.open({ templateUrl: "copyReportPageScriptViewModal.html", controller: "CopyReportPageScriptCtrlView", scope: m, size: "lg", resolve: { param: function() { return { script: q, apply: r } } } }) }; ~~~ ![](https://box.kancloud.cn/9e5e5f3706fc91c1c44085123a8fddfc_1122x790.png)、控制器在編輯腳本編輯器下面同級控制器 ~~~ .controller("CopyReportPageScriptCtrlView", ["$scope", "$http", "$timeout", "toaster", "$uibModalInstance", "$confirm", "usSpinnerService", "$vsUtils", "param", function(k, h, a, g, j, f, d, e, c) { // 取消彈框 k.dismissWindow = function() { j.dismiss() }; var b = function() { if ($("#copyReportPageScriptModalBody").length == 0) { a(function() { b() }, 100); return } $("#copyReportPageScriptModalBody").empty(); $("#copyReportPageScriptModalBody").append('<div id="editor" style="width:0px;height:0px;overflow:hidden;"></div>'); $("#viewlist").css("height", $(document).height() * 0.7); editor = ace.edit("editor"); // console.log(editor) editor.setTheme("ace/theme/chrome"); editor.getSession().setMode("ace/mode/javascript"); editor.setDisplayIndentGuides(false); editor.renderer.setShowPrintMargin(false); editor.setShowFoldWidgets(false); editor.setValue(c.script, -1) var option= JSON.parse(editor.setValue(c.script, -1)) option.config.backgroundColor = '#fff'; // console.log(option) }; b(); // 確定 k.confirm = function(item) { // 獲取對象 var option= JSON.parse(editor.getValue()) // 傳遞的參數 // console.log(item) viewEdit(item,option) } // 還原 // k.reduction = function(){ // } // 主函數 var viewEdit = function(type,obj){ var components = obj.components; var darkData = function(item){ obj.config.backgroundColor = view[item].background; for(var i = 0;i<components.length;i++){ optionList(components,item,i) } // 下面刷新 a(function() { var newObj = JSON.stringify(obj) // console.log(newObj) c.apply(newObj); j.dismiss() }, 100); // end }; switch (type) { case "dark": darkData('dark'); break; case "white": darkData('white'); break; } } // 對象判斷函數 function optionList(components,item,i){ if(view[item].treemap != undefined || view[item].treemap != null){ if(components[i].type == 'treemap'){ // console.log(components[i]) components[i].config.tBackgroundColor = view[item].treemap.background; 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'){ console.log(components[i]) components[i].config.tBackgroundColor = view[item].line.background; components[i].config.backgroundColor = view[item].line.background; components[i].config.tFontColor = view[item].line.tFontColor; // console.log(tooltipBgColor); 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; console.log(components[i].config.chartConfig) } } if(view[item].column != undefined || view[item].column != null){ if(components[i].type == 'column'){ components[i].config.tBackgroundColor = view[item].column.background; 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.background; 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.background; 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; console.log(components[i]) } } if(view[item].bar != undefined || view[item].bar != null){ if(components[i].type == 'bar'){ components[i].config.tBackgroundColor = view[item].bar.background; 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.background; 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.background; 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.background; 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.background; 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.background; 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.background; 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; console.log(components[i]) } } if(view[item].chinamap2 != undefined || view[item].chinamap2 != null){ if(components[i].type == 'chinamap2'){ components[i].config.tBackgroundColor = view[item].chinamap2.background; 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.background; 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.background; 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.background; 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.background; 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.background; 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.background; 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; } } } }]) ~~~ 引入主題對象文件 ~~~ // 整個主題對象 var view = { // 深色主題 dark :{ // 整體背景色 background:'#252d47', // 數樹狀圖 treemap:{ // 單個組件背景 background:'#252d47', // 標題文字顏色 tFontColor:'#fff', // 標題背景色 tBackgroundColor:'#252d47', }, line:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', // X軸文字顏色 xAxisColor:'#fff', // Y軸文字顏色 yAxisColor:'#fff', // x軸線顏色 xAxisColorLine:'#fff', // y軸線顏色 yAxisColorLine:'#fff', // x軸分割線顏色 xAxisColorSplitLine:'rgba(0,0,0,0)', // y軸分割線顏色 yAxisColorSplitLine:'rgba(0,0,0,0)', }, // 同線圖標注 column:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', xAxisColor:'#fff', yAxisColor:'#fff', xAxisColorLine:'#fff', yAxisColorLine:'#fff', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, // 同線圖標注 area:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', xAxisColor:'#fff', yAxisColor:'#fff', xAxisColorLine:'#fff', yAxisColorLine:'#fff', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, // 同線圖標注 mixed:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', xAxisColor:'#fff', yAxisColor:'#fff', xAxisColorLine:'#fff', yAxisColorLine:'#fff', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, // 同線圖標注沒有x軸文字配置 bar:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', yAxisColor:'#fff', xAxisColorLine:'#fff', yAxisColorLine:'#fff', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, // 同樹狀圖配置 pie:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同樹狀圖配置 rose:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同樹狀圖配置 gauge:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同樹狀圖配置 gauge2:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同樹狀圖配置 radar:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', // 文字顏色 fontColor:'#fff', }, chinamap:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', fontColor:'#fff', // 預留 dataRangeTextStyleColor:'#fff', }, chinamap2:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', fontColor:'#fff', //文字 // 預留 dataRangeTextStyleColor:'#fff', }, chinaAreaMap:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', fontColor:'#fff', //文字 // 預留 dataRangeTextStyleColor:'#fff', }, chinaHeatMap:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', fontColor:'#fff', //文字 // 預留 dataRangeTextStyleColor:'#fff', }, DrillDownChinaMap:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', fontColor:'#fff', //文字 // 預留 dataRangeTextStyleColor:'#fff', }, // 同樹狀圖配置 kline:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同樹狀圖配置 echartsMap:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同樹狀圖配置 echartsBubbleMap:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', }, // 同折線圖 kline:{ background:'#252d47', tFontColor:'#fff', tBackgroundColor:'#252d47', xAxisColor:'#fff', yAxisColor:'#fff', xAxisColorLine:'#fff', yAxisColorLine:'#fff', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, }, // 淺色主題 white :{ // 整體背景 background:'#fff', treemap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, line:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', xAxisColor:'#333', yAxisColor:'#333', xAxisColorLine:'#333', yAxisColorLine:'#333', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, column:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', xAxisColor:'#333', yAxisColor:'#333', xAxisColorLine:'#333', yAxisColorLine:'#333', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, area:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', xAxisColor:'#333', yAxisColor:'#333', xAxisColorLine:'#333', yAxisColorLine:'#333', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, mixed:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', xAxisColor:'#333', yAxisColor:'#333', xAxisColorLine:'#333', yAxisColorLine:'#333', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, bar:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', yAxisColor:'#333', xAxisColorLine:'#333', yAxisColorLine:'#333', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, pie:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, rose:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, gauge:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, gauge2:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, radar:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', fontColor:'#333', }, chinamap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', fontColor:'#333', dataRangeTextStyleColor:'#333', }, chinamap2:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', fontColor:'#333', dataRangeTextStyleColor:'#333', }, chinaAreaMap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', fontColor:'#333', dataRangeTextStyleColor:'#333', }, chinaHeatMap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', fontColor:'#333', dataRangeTextStyleColor:'#333', }, DrillDownChinaMap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', fontColor:'#333', dataRangeTextStyleColor:'#333', }, kline:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, echartsMap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, echartsBubbleMap:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', }, kline:{ background:'#fff', tFontColor:'#333', tBackgroundColor:'#fff', xAxisColor:'#333', yAxisColor:'#333', xAxisColorLine:'#333', yAxisColorLine:'#333', xAxisColorSplitLine:'rgba(0,0,0,0)', yAxisColorSplitLine:'rgba(0,0,0,0)', }, }, // 這里添加新主題 // {} } ~~~