init

src/main/webapp/lib/extend/echartsTheme.js

@@ -0,0 +1,267 @@
+/**
+
+ @Name：echarts 主题
+ @Author：贤心
+ @Site：http://www.layui.com/admin/
+ @License：GPL-2
+    
+ */
+
+
+layui.define(function(exports) {
+  exports('echartsTheme', {
+    // 默认色板
+    color: [
+      '#009688','#1E9FFF','#5FB878','#FFB980','#D87A80',
+      '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
+      '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
+      '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
+    ],
+
+    // 图表标题
+    title: {
+      textStyle: {
+        fontWeight: 'normal',
+        color: '#666'      // 主标题文字颜色
+      }
+    },
+    
+    // 值域
+    dataRange: {
+      itemWidth: 15,
+      color: ['#009688','#e0ffff']
+    },
+
+    // 工具箱
+    toolbox: {
+      color : ['#1e90ff', '#1e90ff', '#1e90ff', '#1e90ff'],
+      effectiveColor : '#ff4500'
+    },
+
+    // 提示框
+    tooltip: {
+      backgroundColor: 'rgba(50,50,50,0.5)',   // 提示背景颜色，默认为透明度为0.7的黑色
+      axisPointer : {      // 坐标轴指示器，坐标轴触发有效
+        type : 'line',     // 默认为直线，可选为：'line' | 'shadow'
+        lineStyle : {      // 直线指示器样式设置
+          color: '#009688'
+        },
+        crossStyle: {
+          color: '#008acd'
+        },
+        shadowStyle : {           // 阴影指示器样式设置
+          color: 'rgba(200,200,200,0.2)'
+        }
+      }
+    },
+
+    // 区域缩放控制器
+    dataZoom: {
+      dataBackgroundColor: '#efefff',      // 数据背景颜色
+      fillerColor: 'rgba(182,162,222,0.2)',   // 填充颜色
+      handleColor: '#008acd'  // 手柄颜色
+    },
+
+    // 网格
+    grid: {
+      borderColor: '#eee'
+    },
+
+    // 类目轴 - X轴
+    categoryAxis: {
+      axisLine: {      // 坐标轴线
+        lineStyle: {     // 属性lineStyle控制线条样式
+          color: '#009688'
+        }
+      },
+      axisTick: { //小标记
+        show: false
+      },
+      splitLine: {       // 分隔线
+        lineStyle: {     // 属性lineStyle（详见lineStyle）控制线条样式
+          color: ['#eee']
+        }
+      }
+    },
+
+    // 数值型坐标轴默认参数 - Y轴
+    valueAxis: {
+      axisLine: {      // 坐标轴线
+        lineStyle: {     // 属性lineStyle控制线条样式
+          color: '#009688'
+        }
+      },
+      splitArea : {
+        show : true,
+        areaStyle : {
+          color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
+        }
+      },
+      splitLine: {       // 分隔线
+        lineStyle: {     // 属性lineStyle（详见lineStyle）控制线条样式
+          color: ['#eee']
+        }
+      }
+    },
+
+    polar : {
+      axisLine: {      // 坐标轴线
+        lineStyle: {     // 属性lineStyle控制线条样式
+          color: '#ddd'
+        }
+      },
+      splitArea : {
+        show : true,
+        areaStyle : {
+          color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
+        }
+      },
+      splitLine : {
+        lineStyle : {
+          color : '#ddd'
+        }
+      }
+    },
+
+    timeline : {
+      lineStyle : {
+        color : '#009688'
+      },
+      controlStyle : {
+        normal : { color : '#009688'},
+        emphasis : { color : '#009688'}
+      },
+      symbol : 'emptyCircle',
+      symbolSize : 3
+    },
+
+    // 柱形图默认参数
+    bar: {
+      itemStyle: {
+        normal: {
+          barBorderRadius: 2
+        },
+        emphasis: {
+          barBorderRadius: 2
+        }
+      }
+    },
+
+    // 折线图默认参数
+    line: {
+      smooth : true,
+      symbol: 'emptyCircle',  // 拐点图形类型
+      symbolSize: 3       // 拐点图形大小
+    },
+    
+    // K线图默认参数
+    k: {
+      itemStyle: {
+        normal: {
+          color: '#d87a80',     // 阳线填充颜色
+          color0: '#2ec7c9',    // 阴线填充颜色
+          lineStyle: {
+            color: '#d87a80',   // 阳线边框颜色
+            color0: '#2ec7c9'   // 阴线边框颜色
+          }
+        }
+      }
+    },
+    
+    // 散点图默认参数
+    scatter: {
+      symbol: 'circle',  // 图形类型
+      symbolSize: 4    // 图形大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
+    },
+
+    // 雷达图默认参数
+    radar : {
+      symbol: 'emptyCircle',  // 图形类型
+      symbolSize:3
+      //symbol: null,     // 拐点图形类型
+      //symbolRotate : null,  // 图形旋转控制
+    },
+
+    map: {
+      itemStyle: {
+        normal: {
+          areaStyle: {
+            color: '#ddd'
+          },
+          label: {
+            textStyle: {
+              color: '#d87a80'
+            }
+          }
+        },
+        emphasis: {         // 也是选中样式
+          areaStyle: {
+            color: '#fe994e'
+          }
+        }
+      }
+    },
+    
+    force : {
+      itemStyle: {
+        normal: {
+          linkStyle : {
+            color : '#1e90ff'
+          }
+        }
+      }
+    },
+
+    chord : {
+      itemStyle : {
+        normal : {
+          borderWidth: 1,
+          borderColor: 'rgba(128, 128, 128, 0.5)',
+          chordStyle : {
+            lineStyle : {
+              color : 'rgba(128, 128, 128, 0.5)'
+            }
+          }
+        },
+        emphasis : {
+          borderWidth: 1,
+          borderColor: 'rgba(128, 128, 128, 0.5)',
+          chordStyle : {
+            lineStyle : {
+              color : 'rgba(128, 128, 128, 0.5)'
+            }
+          }
+        }
+      }
+    },
+
+    gauge : {
+      axisLine: {      // 坐标轴线
+        lineStyle: {     // 属性lineStyle控制线条样式
+          color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']], 
+          width: 10
+        }
+      },
+      axisTick: {      // 坐标轴小标记
+        splitNumber: 10,   // 每份split细分多少段
+        length :15,    // 属性length控制线长
+        lineStyle: {     // 属性lineStyle控制线条样式
+          color: 'auto'
+        }
+      },
+      splitLine: {       // 分隔线
+        length :22,     // 属性length控制线长
+        lineStyle: {     // 属性lineStyle（详见lineStyle）控制线条样式
+          color: 'auto'
+        }
+      },
+      pointer : {
+        width : 5
+      }
+    },
+    
+    textStyle: {
+      fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
+    }
+  });
+});