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