shiziyu18/layuiadmin/lib/extend/echartsTheme.js

/**

 @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'
    }
  });
});