路径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>
~~~
看图位置
接下来是弹出框的设置了
大概在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
}
}
}
})
};
~~~
、
控制器 在 编辑脚本编辑器下面 同级控制器
~~~
.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)',
},
},
// 这里添加新主题
// {}
}
~~~
- 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说明文档
- 色斑图加透明