diff --git a/static/ace/mode-html.js b/static/ace/mode-html.js index 956ba93..00ff37d 100644 --- a/static/ace/mode-html.js +++ b/static/ace/mode-html.js @@ -78,7 +78,7 @@ var JavaScriptHighlightRules = function(options) { "storage.type": "const|let|var|function", "constant.language": - "null|Infinity|NaN|undefined|div_list|", + "null|Infinity|NaN|undefined|div_list|dv-border-box-|dv-decoration-", "support.function": "alert", "constant.language.boolean": "true|false" diff --git a/static/ace/mode-javascript.js b/static/ace/mode-javascript.js index 515c826..98416e0 100644 --- a/static/ace/mode-javascript.js +++ b/static/ace/mode-javascript.js @@ -78,9 +78,9 @@ var JavaScriptHighlightRules = function(options) { "storage.type": "const|let|var|function", "constant.language": - "null|Infinity|NaN|undefined|__dataset__|__name__", + "null|Infinity|NaN|undefined|__dataset__|__name__|vapp", "support.function": - "alert|ds_transform|ds_split|ds_rowname|ds_remove_column|ds_createMap_all|ds_createMap|ds_fontSize|ds_toThousands|ds_getUpdown|ds_distinct|ds_crossjoin|ds_fulljoin|ds_union|startSelectAnimate|ds_round", + "alert|ds_transform|ds_split|ds_rowname|ds_remove_column|ds_createMap_all|ds_createMap|ds_fontSize|ds_toThousands|ds_getUpdown|ds_distinct|ds_crossjoin|ds_fulljoin|ds_union|startSelectAnimate|ds_round|ds_param", "constant.language.boolean": "true|false" }, "identifier"); var kwBeforeRe = "case|do|else|finally|in|instanceof|return|throw|try|typeof|yield|void"; diff --git a/static/echart/theme/azul1912212144.js b/static/echart/theme/azul1912212144.js new file mode 100644 index 0000000..1120105 --- /dev/null +++ b/static/echart/theme/azul1912212144.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#f2385a', + '#f5a503', + '#4ad9d9', + '#f7879c', + '#c1d7a8', + '#4dffd2', + '#fccfd7', + '#d5f6f6' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#f2385a' + } + }, + + visualMap: { + color: ['#f2385a', '#f5a503'] + }, + + toolbox: { + color: ['#f2385a', '#f2385a', '#f2385a', '#f2385a'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#f2385a', + type: 'dashed' + }, + crossStyle: { + color: '#f2385a' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#f2385a' // Handle color + }, + + timeline: { + lineStyle: { + color: '#f2385a' + }, + controlStyle: { + color: '#f2385a', + borderColor: '#f2385a' + } + }, + + candlestick: { + itemStyle: { + color: '#f2385a', + color0: '#f5a503' + }, + lineStyle: { + width: 1, + color: '#f2385a', + color0: '#f5a503' + }, + areaStyle: { + color: '#c1d7a8', + color0: '#4ad9d9' + } + }, + + map: { + itemStyle: { + color: '#f2385a' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#f2385a' + }, + linkStyle: { + color: '#f2385a' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#f5a503'], + [0.8, '#f2385a'], + [1, '#c1d7a8'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('azul', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/bee-inspired1912212145.js b/static/echart/theme/bee-inspired1912212145.js new file mode 100644 index 0000000..59fcbb0 --- /dev/null +++ b/static/echart/theme/bee-inspired1912212145.js @@ -0,0 +1,159 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#001727', + '#805500', + '#ffff00', + '#ffd11a', + '#f2d71f', + '#f2be19', + '#f3a81a', + '#fff5cc' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#001727' + } + }, + + visualMap: { + color: ['#001727', '#805500'] + }, + + toolbox: { + color: ['#001727', '#001727', '#001727', '#001727'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#001727', + type: 'dashed' + }, + crossStyle: { + color: '#001727' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#001727' // Handle color + }, + + timeline: { + lineStyle: { + color: '#001727' + }, + controlStyle: { + color: '#001727', + borderColor: '#001727' + } + }, + + candlestick: { + itemStyle: { + color: '#f3a81a', + color0: '#ffff00' + }, + lineStyle: { + width: 1, + color: '#ffff00', + color0: '#f3a81a' + }, + areaStyle: { + color: '#805500', + color0: '#ffff00' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#f3a81a', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#805500' + } + }, + + map: { + itemStyle: { + color: '#ffd11a' + }, + areaStyle: { + color: '#f2be19' + }, + label: { + color: '#ffd11a' + } + }, + + graph: { + itemStyle: { + color: '#001727' + }, + linkStyle: { + color: '#001727' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#f2d71f'], + [0.8, '#001727'], + [1, '#ffff00'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('bee-inspired', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/blue1912212147.js b/static/echart/theme/blue1912212147.js new file mode 100644 index 0000000..149134d --- /dev/null +++ b/static/echart/theme/blue1912212147.js @@ -0,0 +1,159 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#1790cf', + '#1bb2d8', + '#99d2dd', + '#88b0bb', + '#1c7099', + '#038cc4', + '#75abd0', + '#afd6dd' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#1790cf' + } + }, + + visualMap: { + color: ['#1790cf', '#a2d4e6'] + }, + + toolbox: { + color: ['#1790cf', '#1790cf', '#1790cf', '#1790cf'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#1790cf', + type: 'dashed' + }, + crossStyle: { + color: '#1790cf' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(144,197,237,0.2)', // Fill the color + handleColor: '#1790cf' // Handle color + }, + + timeline: { + lineStyle: { + color: '#1790cfa' + }, + controlStyle: { + color: '#1790cf', + borderColor: '#1790cf' + } + }, + + candlestick: { + itemStyle: { + color: '#1bb2d8', + color0: '#99d2dd' + }, + lineStyle: { + width: 1, + color: '#1c7099', + color0: '#88b0bb' + }, + areaStyle: { + color: '#1790cf', + color0: '#1bb2d8' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#1bb2d8', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#1790cf' + } + }, + + graph: { + itemStyle: { + color: '#1bb2d8' + }, + linkStyle: { + color: '#88b0bb' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '99d2dd' + }, + label: { + color: '#c12e34' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#1bb2d8'], + [0.8, '#1790cf'], + [1, '#1c7099'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('blue', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/caravan1912212149.js b/static/echart/theme/caravan1912212149.js new file mode 100644 index 0000000..d28cdb7 --- /dev/null +++ b/static/echart/theme/caravan1912212149.js @@ -0,0 +1,159 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#fad089', + '#ff9c5b', + '#f5634a', + '#ed303c', + '#3b8183', + '#f7826e', + '#faac9e', + '#fcd5cf' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#fad089' + } + }, + + visualMap: { + color: ['#fad089', '#a2d4e6'] + }, + + toolbox: { + color: ['#fad089', '#fad089', '#fad089', '#fad089'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#fad089', + type: 'dashed' + }, + crossStyle: { + color: '#fad089' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(144,197,237,0.2)', // Fill the color + handleColor: '#fad089' // Handle color + }, + + timeline: { + lineStyle: { + color: '#fad089' + }, + controlStyle: { + color: '#fad089', + borderColor: '#fad089' + } + }, + + candlestick: { + itemStyle: { + color: '#ff9c5b', + color0: '#f5634a' + }, + lineStyle: { + width: 1, + color: '#3b8183', + color0: '#ed303c' + }, + areaStyle: { + color: '#fad089', + color0: '#ed303c' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#fad089', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#ed303c' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '#f5634a' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#f5634a' + }, + linkStyle: { + color: '#fad089' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#ff9c5b'], + [0.8, '#fad089'], + [1, '#3b8183'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('caravan', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/carp1912212150.js b/static/echart/theme/carp1912212150.js new file mode 100644 index 0000000..1e64f77 --- /dev/null +++ b/static/echart/theme/carp1912212150.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#f0d8A8', + '#3d1c00', + '#86b8b1', + '#f2d694', + '#fa2a00', + '#ff8066', + '#ffd5cc', + '#f9edd2' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#f0d8A8' + } + }, + + visualMap: { + color: ['#f0d8A8', '#3d1c00'] + }, + + toolbox: { + color: ['#f0d8A8', '#f0d8A8', '#f0d8A8', '#f0d8A8'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#f0d8A8', + type: 'dashed' + }, + crossStyle: { + color: '#f0d8A8' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#f0d8A8' // Handle color + }, + + timeline: { + lineStyle: { + color: '#f0dba8' + }, + controlStyle: { + color: '#f0dba8', + borderColor: '#f0dba8' + } + }, + + candlestick: { + itemStyle: { + color: '#3d1c00', + color0: '#86b8b1' + }, + lineStyle: { + width: 1, + color: '#fa2a00', + color0: '#f2d694' + }, + areaStyle: { + color: '#f0d8A8', + color0: '#86b8b1' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '#86b8b1' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#3d1c00' + }, + linkStyle: { + color: '#f0d8A8' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#3d1c00'], + [0.8, '#f0d8A8'], + [1, '#fa2a00'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('carp', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/chalk1911291357.js b/static/echart/theme/chalk1911291357.js new file mode 100644 index 0000000..8453c5c --- /dev/null +++ b/static/echart/theme/chalk1911291357.js @@ -0,0 +1,515 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + echarts.registerTheme('chalk', { + "color": [ + "#fc97af", + "#87f7cf", + "#f7f494", + "#72ccff", + "#f7c5a0", + "#d4a4eb", + "#d2f5a6", + "#76f2f2" + ], + "backgroundColor": "rgba(41,52,65,1)", + "textStyle": {}, + "title": { + "textStyle": { + "color": "#ffffff" + }, + "subtextStyle": { + "color": "#dddddd" + } + }, + "line": { + "itemStyle": { + "normal": { + "borderWidth": "4" + } + }, + "lineStyle": { + "normal": { + "width": "3" + } + }, + "symbolSize": "0", + "symbol": "circle", + "smooth": true + }, + "radar": { + "itemStyle": { + "normal": { + "borderWidth": "4" + } + }, + "lineStyle": { + "normal": { + "width": "3" + } + }, + "symbolSize": "0", + "symbol": "circle", + "smooth": true + }, + "bar": { + "itemStyle": { + "normal": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + }, + "emphasis": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + } + } + }, + "pie": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "scatter": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "boxplot": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "parallel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "sankey": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "funnel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "gauge": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "candlestick": { + "itemStyle": { + "normal": { + "color": "#fc97af", + "color0": "transparent", + "borderColor": "#fc97af", + "borderColor0": "#87f7cf", + "borderWidth": "2" + } + } + }, + "graph": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + } + }, + "lineStyle": { + "normal": { + "width": "1", + "color": "#ffffff" + } + }, + "symbolSize": "0", + "symbol": "circle", + "smooth": true, + "color": [ + "#fc97af", + "#87f7cf", + "#f7f494", + "#72ccff", + "#f7c5a0", + "#d4a4eb", + "#d2f5a6", + "#76f2f2" + ], + "label": { + "normal": { + "textStyle": { + "color": "#293441" + } + } + } + }, + "map": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#999999", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,178,72,1)", + "borderColor": "#eb8146", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(137,52,72)" + } + } + } + }, + "geo": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#999999", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,178,72,1)", + "borderColor": "#eb8146", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(137,52,72)" + } + } + } + }, + "categoryAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "valueAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "logAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "timeAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "toolbox": { + "iconStyle": { + "normal": { + "borderColor": "#999999" + }, + "emphasis": { + "borderColor": "#666666" + } + } + }, + "legend": { + "textStyle": { + "color": "#999999" + } + }, + "tooltip": { + "axisPointer": { + "lineStyle": { + "color": "#cccccc", + "width": 1 + }, + "crossStyle": { + "color": "#cccccc", + "width": 1 + } + } + }, + "timeline": { + "lineStyle": { + "color": "#87f7cf", + "width": 1 + }, + "itemStyle": { + "normal": { + "color": "#87f7cf", + "borderWidth": 1 + }, + "emphasis": { + "color": "#f7f494" + } + }, + "controlStyle": { + "normal": { + "color": "#87f7cf", + "borderColor": "#87f7cf", + "borderWidth": 0.5 + }, + "emphasis": { + "color": "#87f7cf", + "borderColor": "#87f7cf", + "borderWidth": 0.5 + } + }, + "checkpointStyle": { + "color": "#fc97af", + "borderColor": "rgba(252,151,175,0.3)" + }, + "label": { + "normal": { + "textStyle": { + "color": "#87f7cf" + } + }, + "emphasis": { + "textStyle": { + "color": "#87f7cf" + } + } + } + }, + "visualMap": { + "color": [ + "#fc97af", + "#87f7cf" + ] + }, + "dataZoom": { + "backgroundColor": "rgba(255,255,255,0)", + "dataBackgroundColor": "rgba(114,204,255,1)", + "fillerColor": "rgba(114,204,255,0.2)", + "handleColor": "#72ccff", + "handleSize": "100%", + "textStyle": { + "color": "#333333" + } + }, + "markPoint": { + "label": { + "normal": { + "textStyle": { + "color": "#293441" + } + }, + "emphasis": { + "textStyle": { + "color": "#293441" + } + } + } + } + }); +})); \ No newline at end of file diff --git a/static/echart/theme/chalk_21912211657.js b/static/echart/theme/chalk_21912211657.js new file mode 100644 index 0000000..80864e0 --- /dev/null +++ b/static/echart/theme/chalk_21912211657.js @@ -0,0 +1,515 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + echarts.registerTheme('chalk_2', { + "color": [ + "#fc97af", + "#87f7cf", + "#f7f494", + "#72ccff", + "#f7c5a0", + "#d4a4eb", + "#d2f5a6", + "#76f2f2" + ], + "backgroundColor": "#001120", + "textStyle": {}, + "title": { + "textStyle": { + "color": "#ffffff" + }, + "subtextStyle": { + "color": "#dddddd" + } + }, + "line": { + "itemStyle": { + "normal": { + "borderWidth": "4" + } + }, + "lineStyle": { + "normal": { + "width": "3" + } + }, + "symbolSize": "0", + "symbol": "circle", + "smooth": true + }, + "radar": { + "itemStyle": { + "normal": { + "borderWidth": "4" + } + }, + "lineStyle": { + "normal": { + "width": "3" + } + }, + "symbolSize": "0", + "symbol": "circle", + "smooth": true + }, + "bar": { + "itemStyle": { + "normal": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + }, + "emphasis": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + } + } + }, + "pie": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "scatter": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "boxplot": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "parallel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "sankey": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "funnel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "gauge": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "candlestick": { + "itemStyle": { + "normal": { + "color": "#fc97af", + "color0": "transparent", + "borderColor": "#fc97af", + "borderColor0": "#87f7cf", + "borderWidth": "2" + } + } + }, + "graph": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + } + }, + "lineStyle": { + "normal": { + "width": "1", + "color": "#ffffff" + } + }, + "symbolSize": "0", + "symbol": "circle", + "smooth": true, + "color": [ + "#fc97af", + "#87f7cf", + "#f7f494", + "#72ccff", + "#f7c5a0", + "#d4a4eb", + "#d2f5a6", + "#76f2f2" + ], + "label": { + "normal": { + "textStyle": { + "color": "#293441" + } + } + } + }, + "map": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#999999", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,178,72,1)", + "borderColor": "#eb8146", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(137,52,72)" + } + } + } + }, + "geo": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#999999", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,178,72,1)", + "borderColor": "#eb8146", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(137,52,72)" + } + } + } + }, + "categoryAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "valueAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "logAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "timeAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#666666" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#aaaaaa" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "toolbox": { + "iconStyle": { + "normal": { + "borderColor": "#999999" + }, + "emphasis": { + "borderColor": "#666666" + } + } + }, + "legend": { + "textStyle": { + "color": "#999999" + } + }, + "tooltip": { + "axisPointer": { + "lineStyle": { + "color": "#cccccc", + "width": 1 + }, + "crossStyle": { + "color": "#cccccc", + "width": 1 + } + } + }, + "timeline": { + "lineStyle": { + "color": "#87f7cf", + "width": 1 + }, + "itemStyle": { + "normal": { + "color": "#87f7cf", + "borderWidth": 1 + }, + "emphasis": { + "color": "#f7f494" + } + }, + "controlStyle": { + "normal": { + "color": "#87f7cf", + "borderColor": "#87f7cf", + "borderWidth": 0.5 + }, + "emphasis": { + "color": "#87f7cf", + "borderColor": "#87f7cf", + "borderWidth": 0.5 + } + }, + "checkpointStyle": { + "color": "#fc97af", + "borderColor": "rgba(252,151,175,0.3)" + }, + "label": { + "normal": { + "textStyle": { + "color": "#87f7cf" + } + }, + "emphasis": { + "textStyle": { + "color": "#87f7cf" + } + } + } + }, + "visualMap": { + "color": [ + "#fc97af", + "#87f7cf" + ] + }, + "dataZoom": { + "backgroundColor": "rgba(255,255,255,0)", + "dataBackgroundColor": "rgba(114,204,255,1)", + "fillerColor": "rgba(114,204,255,0.2)", + "handleColor": "#72ccff", + "handleSize": "100%", + "textStyle": { + "color": "#333333" + } + }, + "markPoint": { + "label": { + "normal": { + "textStyle": { + "color": "#293441" + } + }, + "emphasis": { + "textStyle": { + "color": "#293441" + } + } + } + } + }); +})); \ No newline at end of file diff --git a/static/echart/theme/common1905121308.js b/static/echart/theme/common1905121308.js new file mode 100644 index 0000000..f6614a5 --- /dev/null +++ b/static/echart/theme/common1905121308.js @@ -0,0 +1,512 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + echarts.registerTheme('common', { + "color": [ + "#516b91", + "#59c4e6", + "#edafda", + "#93b7e3", + "#a5e7f0", + "#cbb0e3" + ], + "backgroundColor": "rgba(0,0,0,0)", + "textStyle": {}, + "title": { + "textStyle": { + "color": "#516b91" + }, + "subtextStyle": { + "color": "#93b7e3" + } + }, + "line": { + "itemStyle": { + "normal": { + "borderWidth": "2" + } + }, + "lineStyle": { + "normal": { + "width": "2" + } + }, + "symbolSize": "6", + "symbol": "emptyCircle", + "smooth": true + }, + "radar": { + "itemStyle": { + "normal": { + "borderWidth": "2" + } + }, + "lineStyle": { + "normal": { + "width": "2" + } + }, + "symbolSize": "6", + "symbol": "emptyCircle", + "smooth": true + }, + "bar": { + "itemStyle": { + "normal": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + }, + "emphasis": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + } + } + }, + "pie": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "scatter": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "boxplot": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "parallel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "sankey": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "funnel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "gauge": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "candlestick": { + "itemStyle": { + "normal": { + "color": "#edafda", + "color0": "transparent", + "borderColor": "#d680bc", + "borderColor0": "#8fd3e8", + "borderWidth": "2" + } + } + }, + "graph": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + } + }, + "lineStyle": { + "normal": { + "width": 1, + "color": "#aaa" + } + }, + "symbolSize": "6", + "symbol": "emptyCircle", + "smooth": true, + "color": [ + "#516b91", + "#59c4e6", + "#edafda", + "#93b7e3", + "#a5e7f0", + "#cbb0e3" + ], + "label": { + "normal": { + "textStyle": { + "color": "#eee" + } + } + } + }, + "map": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#516b91", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(165,231,240,1)", + "borderColor": "#516b91", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#000000" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(81,107,145)" + } + } + } + }, + "geo": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#516b91", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(165,231,240,1)", + "borderColor": "#516b91", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#000000" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(81,107,145)" + } + } + } + }, + "categoryAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#eeeeee" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "valueAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#eeeeee" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "logAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#eeeeee" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "timeAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#eeeeee" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "toolbox": { + "iconStyle": { + "normal": { + "borderColor": "#999999" + }, + "emphasis": { + "borderColor": "#666666" + } + } + }, + "legend": { + "textStyle": { + "color": "#999999" + } + }, + "tooltip": { + "axisPointer": { + "lineStyle": { + "color": "#cccccc", + "width": 1 + }, + "crossStyle": { + "color": "#cccccc", + "width": 1 + } + } + }, + "timeline": { + "lineStyle": { + "color": "#8fd3e8", + "width": 1 + }, + "itemStyle": { + "normal": { + "color": "#8fd3e8", + "borderWidth": 1 + }, + "emphasis": { + "color": "#8fd3e8" + } + }, + "controlStyle": { + "normal": { + "color": "#8fd3e8", + "borderColor": "#8fd3e8", + "borderWidth": 0.5 + }, + "emphasis": { + "color": "#8fd3e8", + "borderColor": "#8fd3e8", + "borderWidth": 0.5 + } + }, + "checkpointStyle": { + "color": "#8fd3e8", + "borderColor": "rgba(138,124,168,0.37)" + }, + "label": { + "normal": { + "textStyle": { + "color": "#8fd3e8" + } + }, + "emphasis": { + "textStyle": { + "color": "#8fd3e8" + } + } + } + }, + "visualMap": { + "color": [ + "#516b91", + "#59c4e6", + "#a5e7f0" + ] + }, + "dataZoom": { + "backgroundColor": "rgba(0,0,0,0)", + "dataBackgroundColor": "rgba(255,255,255,0.3)", + "fillerColor": "rgba(167,183,204,0.4)", + "handleColor": "#a7b7cc", + "handleSize": "100%", + "textStyle": { + "color": "#333333" + } + }, + "markPoint": { + "label": { + "normal": { + "textStyle": { + "color": "#eee" + } + }, + "emphasis": { + "textStyle": { + "color": "#eee" + } + } + } + } + }); +})); \ No newline at end of file diff --git a/static/echart/theme/cool1912212151.js b/static/echart/theme/cool1912212151.js new file mode 100644 index 0000000..92db001 --- /dev/null +++ b/static/echart/theme/cool1912212151.js @@ -0,0 +1,161 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#b21ab4', + '#6f0099', + '#2a2073', + '#0b5ea8', + '#17aecc', + '#b3b3ff', + '#eb99ff', + '#fae6ff', + '#e6f2ff', + '#eeeeee' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#00aecd' + } + }, + + visualMap: { + color: ['#00aecd', '#a2d4e6'] + }, + + toolbox: { + color: ['#00aecd', '#00aecd', '#00aecd', '#00aecd'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#00aecd', + type: 'dashed' + }, + crossStyle: { + color: '#00aecd' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(144,197,237,0.2)', // Fill the color + handleColor: '#00aecd' // Handle color + }, + + timeline: { + lineStyle: { + color: '#00aecd' + }, + controlStyle: { + color: '#00aecd', + borderColor: '00aecd' + } + }, + + candlestick: { + itemStyle: { + color: '#00aecd', + color0: '#a2d4e6' + }, + lineStyle: { + width: 1, + color: '#00aecd', + color0: '#a2d4e6' + }, + areaStyle: { + color: '#b21ab4', + color0: '#0b5ea8' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#b21ab4', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#0b5ea8' + } + }, + + graph: { + itemStyle: { + color: '#b21ab4' + }, + linkStyle: { + color: '#2a2073' + } + }, + + map: { + itemStyle: { + color: '#c12e34' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#dddddd'], + [0.8, '#00aecd'], + [1, '#f5ccff'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('cool', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/dark-blue1912212152.js b/static/echart/theme/dark-blue1912212152.js new file mode 100644 index 0000000..c693032 --- /dev/null +++ b/static/echart/theme/dark-blue1912212152.js @@ -0,0 +1,149 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + var contrastColor = '#eee'; + var axisCommon = function() { + return { + axisLine: { + lineStyle: { + color: contrastColor + } + }, + axisTick: { + lineStyle: { + color: contrastColor + } + }, + axisLabel: { + textStyle: { + color: contrastColor + } + }, + splitLine: { + lineStyle: { + type: 'dashed', + color: '#aaa' + } + }, + splitArea: { + areaStyle: { + color: contrastColor + } + } + }; + }; + + var colorPalette = [ + '#00305a', + '#004b8d', + '#0074d9', + '#4192d9', + '#7abaf2', + '#99cce6', + '#d6ebf5', + '#eeeeee' + ]; + var theme = { + color: colorPalette, + backgroundColor: '#333', + tooltip: { + axisPointer: { + lineStyle: { + color: contrastColor + }, + crossStyle: { + color: contrastColor + } + } + }, + legend: { + textStyle: { + color: contrastColor + } + }, + title: { + textStyle: { + color: contrastColor + } + }, + toolbox: { + iconStyle: { + normal: { + borderColor: contrastColor + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#00305a' // Handle color + }, + + timeline: { + itemStyle: { + color: colorPalette[1] + }, + lineStyle: { + color: contrastColor + }, + controlStyle: { + color: contrastColor, + borderColor: contrastColor + }, + label: { + color: contrastColor + } + }, + + timeAxis: axisCommon(), + logAxis: axisCommon(), + valueAxis: axisCommon(), + categoryAxis: axisCommon(), + + line: { + symbol: 'circle' + }, + graph: { + color: colorPalette + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#004b8d'], + [0.8, '#00305a'], + [1, '#7abaf2'] + ], + width: 8 + } + } + } + }; + + theme.categoryAxis.splitLine.show = false; + echarts.registerTheme('dark-blue', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/dark-bold1912212154.js b/static/echart/theme/dark-bold1912212154.js new file mode 100644 index 0000000..b58eb4f --- /dev/null +++ b/static/echart/theme/dark-bold1912212154.js @@ -0,0 +1,149 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + var contrastColor = '#eee'; + var axisCommon = function() { + return { + axisLine: { + lineStyle: { + color: contrastColor + } + }, + axisTick: { + lineStyle: { + color: contrastColor + } + }, + axisLabel: { + textStyle: { + color: contrastColor + } + }, + splitLine: { + lineStyle: { + type: 'dashed', + color: '#aaa' + } + }, + splitArea: { + areaStyle: { + color: contrastColor + } + } + }; + }; + + var colorPalette = [ + '#458c6b', + '#f2da87', + '#d9a86c', + '#d94436', + '#a62424', + '#76bc9b', + '#cce6da', + '#eeeeee' + ]; + var theme = { + color: colorPalette, + backgroundColor: '#333', + tooltip: { + axisPointer: { + lineStyle: { + color: contrastColor + }, + crossStyle: { + color: contrastColor + } + } + }, + legend: { + textStyle: { + color: contrastColor + } + }, + title: { + textStyle: { + color: contrastColor + } + }, + toolbox: { + iconStyle: { + normal: { + borderColor: contrastColor + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#458c6b' // Handle color + }, + + timeline: { + itemStyle: { + color: colorPalette[1] + }, + lineStyle: { + color: contrastColor + }, + controlStyle: { + color: contrastColor, + borderColor: contrastColor + }, + label: { + color: contrastColor + } + }, + + timeAxis: axisCommon(), + logAxis: axisCommon(), + valueAxis: axisCommon(), + categoryAxis: axisCommon(), + + line: { + symbol: 'circle' + }, + graph: { + color: colorPalette + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#f2da87'], + [0.8, '#458c6b'], + [1, '#a62424'] + ], + width: 8 + } + } + } + }; + + theme.categoryAxis.splitLine.show = false; + echarts.registerTheme('dark-bold', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/dark-digerati1912212155.js b/static/echart/theme/dark-digerati1912212155.js new file mode 100644 index 0000000..ac685fc --- /dev/null +++ b/static/echart/theme/dark-digerati1912212155.js @@ -0,0 +1,149 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + var contrastColor = '#eee'; + var axisCommon = function() { + return { + axisLine: { + lineStyle: { + color: contrastColor + } + }, + axisTick: { + lineStyle: { + color: contrastColor + } + }, + axisLabel: { + textStyle: { + color: contrastColor + } + }, + splitLine: { + lineStyle: { + type: 'dashed', + color: '#aaa' + } + }, + splitArea: { + areaStyle: { + color: contrastColor + } + } + }; + }; + + var colorPalette = [ + '#52656b', + '#ff3b77', + '#a3cc00', + '#ffffff', + '#b8b89f', + '#ffccdb', + '#e5ff80', + '#f4f4f0' + ]; + var theme = { + color: colorPalette, + backgroundColor: '#333', + tooltip: { + axisPointer: { + lineStyle: { + color: contrastColor + }, + crossStyle: { + color: contrastColor + } + } + }, + legend: { + textStyle: { + color: contrastColor + } + }, + title: { + textStyle: { + color: contrastColor + } + }, + toolbox: { + iconStyle: { + normal: { + borderColor: contrastColor + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#52656b' // Handle color + }, + + timeline: { + itemStyle: { + color: colorPalette[1] + }, + lineStyle: { + color: contrastColor + }, + controlStyle: { + color: contrastColor, + borderColor: contrastColor + }, + label: { + color: contrastColor + } + }, + + timeAxis: axisCommon(), + logAxis: axisCommon(), + valueAxis: axisCommon(), + categoryAxis: axisCommon(), + + line: { + symbol: 'circle' + }, + graph: { + color: colorPalette + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#ff3b77'], + [0.8, '#52656b'], + [1, '#b8b89f'] + ], + width: 8 + } + } + } + }; + + theme.categoryAxis.splitLine.show = false; + echarts.registerTheme('dark-digerati', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/dark-fresh-cut1912212156.js b/static/echart/theme/dark-fresh-cut1912212156.js new file mode 100644 index 0000000..63cc092 --- /dev/null +++ b/static/echart/theme/dark-fresh-cut1912212156.js @@ -0,0 +1,149 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + var contrastColor = '#eee'; + var axisCommon = function() { + return { + axisLine: { + lineStyle: { + color: contrastColor + } + }, + axisTick: { + lineStyle: { + color: contrastColor + } + }, + axisLabel: { + textStyle: { + color: contrastColor + } + }, + splitLine: { + lineStyle: { + type: 'dashed', + color: '#aaa' + } + }, + splitArea: { + areaStyle: { + color: contrastColor + } + } + }; + }; + + var colorPalette = [ + '#00a8c6', + '#40c0cb', + '#ebd3ad', + '#aee239', + '#8fbe00', + '#33e0ff', + '#b3f4ff', + '#e6ff99' + ]; + var theme = { + color: colorPalette, + backgroundColor: '#333', + tooltip: { + axisPointer: { + lineStyle: { + color: contrastColor + }, + crossStyle: { + color: contrastColor + } + } + }, + legend: { + textStyle: { + color: contrastColor + } + }, + title: { + textStyle: { + color: contrastColor + } + }, + toolbox: { + iconStyle: { + normal: { + borderColor: contrastColor + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#00a8c6' // Handle color + }, + + timeline: { + itemStyle: { + color: colorPalette[1] + }, + lineStyle: { + color: contrastColor + }, + controlStyle: { + color: contrastColor, + borderColor: contrastColor + }, + label: { + color: contrastColor + } + }, + + timeAxis: axisCommon(), + logAxis: axisCommon(), + valueAxis: axisCommon(), + categoryAxis: axisCommon(), + + line: { + symbol: 'circle' + }, + graph: { + color: colorPalette + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#40c0cb'], + [0.8, '#00a8c6'], + [1, '#8fbe00'] + ], + width: 8 + } + } + } + }; + + theme.categoryAxis.splitLine.show = false; + echarts.registerTheme('dark-fresh-cut', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/dark-mushroom1912212156.js b/static/echart/theme/dark-mushroom1912212156.js new file mode 100644 index 0000000..54c6409 --- /dev/null +++ b/static/echart/theme/dark-mushroom1912212156.js @@ -0,0 +1,149 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + var contrastColor = '#eee'; + var axisCommon = function() { + return { + axisLine: { + lineStyle: { + color: contrastColor + } + }, + axisTick: { + lineStyle: { + color: contrastColor + } + }, + axisLabel: { + textStyle: { + color: contrastColor + } + }, + splitLine: { + lineStyle: { + type: 'dashed', + color: '#aaa' + } + }, + splitArea: { + areaStyle: { + color: contrastColor + } + } + }; + }; + + var colorPalette = [ + '#cc0e00', + '#ff1a0a', + '#ff8880', + '#ffc180', + '#ffc2b0', + '#ffffff', + '#ff8880', + '#ffe6e6' + ]; + var theme = { + color: colorPalette, + backgroundColor: '#333', + tooltip: { + axisPointer: { + lineStyle: { + color: contrastColor + }, + crossStyle: { + color: contrastColor + } + } + }, + legend: { + textStyle: { + color: contrastColor + } + }, + title: { + textStyle: { + color: contrastColor + } + }, + toolbox: { + iconStyle: { + normal: { + borderColor: contrastColor + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#cc0e00' // Handle color + }, + + timeline: { + itemStyle: { + color: colorPalette[1] + }, + lineStyle: { + color: contrastColor + }, + controlStyle: { + color: contrastColor, + borderColor: contrastColor + }, + label: { + color: contrastColor + } + }, + + timeAxis: axisCommon(), + logAxis: axisCommon(), + valueAxis: axisCommon(), + categoryAxis: axisCommon(), + + line: { + symbol: 'circle' + }, + graph: { + color: colorPalette + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#ff1a0a'], + [0.8, '#cc0e00'], + [1, '#ffc2b0'] + ], + width: 8 + } + } + } + }; + + theme.categoryAxis.splitLine.show = false; + echarts.registerTheme('dark-mushroom', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/dark1905121249.js b/static/echart/theme/dark1905121249.js new file mode 100644 index 0000000..1836821 --- /dev/null +++ b/static/echart/theme/dark1905121249.js @@ -0,0 +1,518 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + echarts.registerTheme('dark', { + "color": [ + "#dd6b66", + "#759aa0", + "#e69d87", + "#8dc1a9", + "#ea7e53", + "#eedd78", + "#73a373", + "#73b9bc", + "#7289ab", + "#91ca8c", + "#f49f42" + ], + "backgroundColor": "rgba(51,51,51,1)", + "textStyle": {}, + "title": { + "textStyle": { + "color": "#eeeeee" + }, + "subtextStyle": { + "color": "#aaaaaa" + } + }, + "line": { + "itemStyle": { + "normal": { + "borderWidth": 1 + } + }, + "lineStyle": { + "normal": { + "width": 2 + } + }, + "symbolSize": 4, + "symbol": "circle", + "smooth": false + }, + "radar": { + "itemStyle": { + "normal": { + "borderWidth": 1 + } + }, + "lineStyle": { + "normal": { + "width": 2 + } + }, + "symbolSize": 4, + "symbol": "circle", + "smooth": false + }, + "bar": { + "itemStyle": { + "normal": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + }, + "emphasis": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + } + } + }, + "pie": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "scatter": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "boxplot": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "parallel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "sankey": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "funnel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "gauge": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "candlestick": { + "itemStyle": { + "normal": { + "color": "#fd1050", + "color0": "#0cf49b", + "borderColor": "#fd1050", + "borderColor0": "#0cf49b", + "borderWidth": 1 + } + } + }, + "graph": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + } + }, + "lineStyle": { + "normal": { + "width": 1, + "color": "#aaa" + } + }, + "symbolSize": 4, + "symbol": "circle", + "smooth": false, + "color": [ + "#dd6b66", + "#759aa0", + "#e69d87", + "#8dc1a9", + "#ea7e53", + "#eedd78", + "#73a373", + "#73b9bc", + "#7289ab", + "#91ca8c", + "#f49f42" + ], + "label": { + "normal": { + "textStyle": { + "color": "#eee" + } + } + } + }, + "map": { + "itemStyle": { + "normal": { + "areaColor": "#eeeeee", + "borderColor": "#444444", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,215,0,0.8)", + "borderColor": "#444444", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#000000" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(100,0,0)" + } + } + } + }, + "geo": { + "itemStyle": { + "normal": { + "areaColor": "#eeeeee", + "borderColor": "#444444", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,215,0,0.8)", + "borderColor": "#444444", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#000000" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(100,0,0)" + } + } + } + }, + "categoryAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisTick": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#eeeeee" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#aaaaaa" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "#eeeeee" + ] + } + } + }, + "valueAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisTick": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#eeeeee" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#aaaaaa" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "#eeeeee" + ] + } + } + }, + "logAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisTick": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#eeeeee" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#aaaaaa" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "#eeeeee" + ] + } + } + }, + "timeAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisTick": { + "show": true, + "lineStyle": { + "color": "#eeeeee" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#eeeeee" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#aaaaaa" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "#eeeeee" + ] + } + } + }, + "toolbox": { + "iconStyle": { + "normal": { + "borderColor": "#999999" + }, + "emphasis": { + "borderColor": "#666666" + } + } + }, + "legend": { + "textStyle": { + "color": "#eeeeee" + } + }, + "tooltip": { + "axisPointer": { + "lineStyle": { + "color": "#eeeeee", + "width": "1" + }, + "crossStyle": { + "color": "#eeeeee", + "width": "1" + } + } + }, + "timeline": { + "lineStyle": { + "color": "#eeeeee", + "width": 1 + }, + "itemStyle": { + "normal": { + "color": "#dd6b66", + "borderWidth": 1 + }, + "emphasis": { + "color": "#a9334c" + } + }, + "controlStyle": { + "normal": { + "color": "#eeeeee", + "borderColor": "#eeeeee", + "borderWidth": 0.5 + }, + "emphasis": { + "color": "#eeeeee", + "borderColor": "#eeeeee", + "borderWidth": 0.5 + } + }, + "checkpointStyle": { + "color": "#e43c59", + "borderColor": "rgba(194,53,49,0.5)" + }, + "label": { + "normal": { + "textStyle": { + "color": "#eeeeee" + } + }, + "emphasis": { + "textStyle": { + "color": "#eeeeee" + } + } + } + }, + "visualMap": { + "color": [ + "#bf444c", + "#d88273", + "#f6efa6" + ] + }, + "dataZoom": { + "backgroundColor": "rgba(47,69,84,0)", + "dataBackgroundColor": "rgba(255,255,255,0.3)", + "fillerColor": "rgba(167,183,204,0.4)", + "handleColor": "#a7b7cc", + "handleSize": "100%", + "textStyle": { + "color": "#eeeeee" + } + }, + "markPoint": { + "label": { + "normal": { + "textStyle": { + "color": "#eee" + } + }, + "emphasis": { + "textStyle": { + "color": "#eee" + } + } + } + } + }); +})); \ No newline at end of file diff --git a/static/echart/theme/eduardo1912212156.js b/static/echart/theme/eduardo1912212156.js new file mode 100644 index 0000000..0a6db60 --- /dev/null +++ b/static/echart/theme/eduardo1912212156.js @@ -0,0 +1,159 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#59535e', + '#e7dcef', + '#f1baf3', + '#5d4970', + '#372049', + '#c0b2cd', + '#ffccff', + '#f2f0f5' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#59535e' + } + }, + + visualMap: { + color: ['#59535e', '#e7dcef'] + }, + + toolbox: { + color: ['#59535e', '#59535e', '#59535e', '#59535e'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#59535e', + type: 'dashed' + }, + crossStyle: { + color: '#59535e' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#59535e' // Handle color + }, + + timeline: { + lineStyle: { + color: '#59535e' + }, + controlStyle: { + color: '#59535e', + borderColor: '#59535e' + } + }, + + candlestick: { + itemStyle: { + color: '#e7dcef', + color0: '#f1baf3' + }, + lineStyle: { + width: 1, + color: '#372049', + color0: '#5d4970' + }, + areaStyle: { + color: '#59535e', + color0: '#e7dcef' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#59535e', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#e7dcef' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '#f1baf3' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#59535e' + }, + linkStyle: { + color: '#59535e' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#e7dcef'], + [0.8, '#59535e'], + [1, '#372049'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('eduardo', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/essos1905121317.js b/static/echart/theme/essos1905121317.js new file mode 100644 index 0000000..f9f5ac7 --- /dev/null +++ b/static/echart/theme/essos1905121317.js @@ -0,0 +1,515 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + echarts.registerTheme('essos', { + "color": [ + "#893448", + "#d95850", + "#eb8146", + "#ffb248", + "#f2d643", + "#ebdba4" + ], + "backgroundColor": "rgba(242,234,191,0.15)", + "textStyle": {}, + "title": { + "textStyle": { + "color": "#893448" + }, + "subtextStyle": { + "color": "#d95850" + } + }, + "line": { + "itemStyle": { + "normal": { + "borderWidth": "2" + } + }, + "lineStyle": { + "normal": { + "width": "2" + } + }, + "symbolSize": "6", + "symbol": "emptyCircle", + "smooth": true + }, + "radar": { + "itemStyle": { + "normal": { + "borderWidth": "2" + } + }, + "lineStyle": { + "normal": { + "width": "2" + } + }, + "symbolSize": "6", + "symbol": "emptyCircle", + "smooth": true + }, + "bar": { + "itemStyle": { + "normal": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + }, + "emphasis": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + } + } + }, + "pie": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "scatter": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "boxplot": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "parallel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "sankey": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "funnel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "gauge": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "candlestick": { + "itemStyle": { + "normal": { + "color": "#eb8146", + "color0": "transparent", + "borderColor": "#d95850", + "borderColor0": "#58c470", + "borderWidth": "2" + } + } + }, + "graph": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + } + }, + "lineStyle": { + "normal": { + "width": 1, + "color": "#aaaaaa" + } + }, + "symbolSize": "6", + "symbol": "emptyCircle", + "smooth": true, + "color": [ + "#893448", + "#d95850", + "#eb8146", + "#ffb248", + "#f2d643", + "#ebdba4" + ], + "label": { + "normal": { + "textStyle": { + "color": "#ffffff" + } + } + } + }, + "map": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#999999", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,178,72,1)", + "borderColor": "#eb8146", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(137,52,72)" + } + } + } + }, + "geo": { + "itemStyle": { + "normal": { + "areaColor": "#f3f3f3", + "borderColor": "#999999", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(255,178,72,1)", + "borderColor": "#eb8146", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(137,52,72)" + } + } + } + }, + "categoryAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#aaaaaa" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "valueAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#aaaaaa" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "logAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#aaaaaa" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "timeAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#aaaaaa" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#999999" + } + }, + "splitLine": { + "show": true, + "lineStyle": { + "color": [ + "#e6e6e6" + ] + } + }, + "splitArea": { + "show": false, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "toolbox": { + "iconStyle": { + "normal": { + "borderColor": "#999999" + }, + "emphasis": { + "borderColor": "#666666" + } + } + }, + "legend": { + "textStyle": { + "color": "#999999" + } + }, + "tooltip": { + "axisPointer": { + "lineStyle": { + "color": "#cccccc", + "width": 1 + }, + "crossStyle": { + "color": "#cccccc", + "width": 1 + } + } + }, + "timeline": { + "lineStyle": { + "color": "#893448", + "width": 1 + }, + "itemStyle": { + "normal": { + "color": "#893448", + "borderWidth": 1 + }, + "emphasis": { + "color": "#ffb248" + } + }, + "controlStyle": { + "normal": { + "color": "#893448", + "borderColor": "#893448", + "borderWidth": 0.5 + }, + "emphasis": { + "color": "#893448", + "borderColor": "#893448", + "borderWidth": 0.5 + } + }, + "checkpointStyle": { + "color": "#eb8146", + "borderColor": "rgba(255,178,72,0.41)" + }, + "label": { + "normal": { + "textStyle": { + "color": "#893448" + } + }, + "emphasis": { + "textStyle": { + "color": "#893448" + } + } + } + }, + "visualMap": { + "color": [ + "#893448", + "#d95850", + "#eb8146", + "#ffb248", + "#f2d643", + "rgb(247,238,173)" + ] + }, + "dataZoom": { + "backgroundColor": "rgba(255,255,255,0)", + "dataBackgroundColor": "rgba(255,178,72,0.5)", + "fillerColor": "rgba(255,178,72,0.15)", + "handleColor": "#ffb248", + "handleSize": "100%", + "textStyle": { + "color": "#333333" + } + }, + "markPoint": { + "label": { + "normal": { + "textStyle": { + "color": "#ffffff" + } + }, + "emphasis": { + "textStyle": { + "color": "#ffffff" + } + } + } + } + }); +})); \ No newline at end of file diff --git a/static/echart/theme/forest1912212157.js b/static/echart/theme/forest1912212157.js new file mode 100644 index 0000000..6217cf5 --- /dev/null +++ b/static/echart/theme/forest1912212157.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#313b23', + '#494f2b', + '#606233', + '#d6b77b', + '#0e0e0e', + '#076278', + '#808080', + '#e7d5b1' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#313b23' + } + }, + + visualMap: { + color: ['#313b23', '#494f2b'] + }, + + toolbox: { + color: ['#313b23', '#313b23', '#313b23', '#313b23'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#313b23', + type: 'dashed' + }, + crossStyle: { + color: '#313b23' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#313b23' // Handle color + }, + + timeline: { + lineStyle: { + color: '#313b23' + }, + controlStyle: { + color: '#313b23', + borderColor: '#313b23' + } + }, + + candlestick: { + itemStyle: { + color: '#494f2b', + color0: '#606233' + }, + lineStyle: { + width: 1, + color: '#0e0e0e', + color0: '#d6b77b' + }, + areaStyle: { + color: '#494f2b', + color0: '#d6b77b' + } + }, + + map: { + itemStyle: { + color: '#606233' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#494f2b' + }, + linkStyle: { + color: '#313b23' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#494f2b'], + [0.8, '#313b23'], + [1, '0e0e0e'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('forest', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/fresh-cut1912212159.js b/static/echart/theme/fresh-cut1912212159.js new file mode 100644 index 0000000..6dc45b9 --- /dev/null +++ b/static/echart/theme/fresh-cut1912212159.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#00a8c6', + '#40c0cb', + '#f0dec2', + '#aee239', + '#8fbe00', + '#33e0ff', + '#b3f4ff', + '#e6ff99' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#00a8c6' + } + }, + + visualMap: { + color: ['#00a8c6', '#a2d4e6'] + }, + + toolbox: { + color: ['#00a8c6', '#00a8c6', '#00a8c6', '#00a8c6'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#00a8c6', + type: 'dashed' + }, + crossStyle: { + color: '#00a8c6' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(144,197,237,0.2)', // Fill the color + handleColor: '#00a8c6' // Handle color + }, + + timeline: { + lineStyle: { + color: '#00a8c6' + }, + controlStyle: { + color: '#00a8c6', + borderColor: '#00a8c6' + } + }, + + candlestick: { + itemStyle: { + color: '#40c0cb', + color0: '#f0dec2' + }, + lineStyle: { + width: 1, + color: '#8fbe00', + color0: '#aee239' + }, + areaStyle: { + color: '#00a8c6', + color0: '#aee239' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '#f0dec2' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#f0dec2' + }, + linkStyle: { + color: '#00a8c6' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#40c0cb'], + [0.8, '#00a8c6'], + [1, '#8fbe00'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('fresh-cut', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/fruit1912212200.js b/static/echart/theme/fruit1912212200.js new file mode 100644 index 0000000..50bb09c --- /dev/null +++ b/static/echart/theme/fruit1912212200.js @@ -0,0 +1,159 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#ffcb6a', + '#ffa850', + '#ffe2c4', + '#e5834e', + '#ffb081', + '#f7826e', + '#faac9e', + '#fcd5cf' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#ffcb6a' + } + }, + + visualMap: { + color: ['#ffcb6a', '#ffa850'] + }, + + toolbox: { + color: ['#ffcb6a', '#ffcb6a', '#ffcb6a', '#ffcb6a'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#ffcb6a', + type: 'dashed' + }, + crossStyle: { + color: '#ffcb6a' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#ffcb6a' // Handle color + }, + + timeline: { + lineStyle: { + color: '#ffcb6a' + }, + controlStyle: { + color: '#ffcb6a', + borderColor: '#ffcb6a' + } + }, + + candlestick: { + itemStyle: { + color: '#ffa850', + color0: '#ffe2c4' + }, + lineStyle: { + width: 1, + color: '#ffb081', + color0: '#e5834e' + }, + areaStyle: { + color: '#e5834e', + color0: '#fcd5cf' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#fcd5cf', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#e5834e' + } + }, + + map: { + itemStyle: { + color: '#ffe2c4' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#f2385a' + }, + linkStyle: { + color: '#ffcb6a' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#ffa850'], + [0.8, '#ffcb6a'], + [1, '#ffb081'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('fruit', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/gray1912212201.js b/static/echart/theme/gray1912212201.js new file mode 100644 index 0000000..bbc5689 --- /dev/null +++ b/static/echart/theme/gray1912212201.js @@ -0,0 +1,201 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#757575', + '#c7c7c7', + '#dadada', + '#8b8b8b', + '#b5b5b5', + '#e9e9e9' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#757575' + } + }, + + dataRange: { + color: ['#636363', '#dcdcdc'] + }, + + toolbox: { + color: ['#757575', '#757575', '#757575', '#757575'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#757575', + type: 'dashed' + }, + crossStyle: { + color: '#757575' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(117,117,117,0.2)', // Fill the color + handleColor: '#757575' // Handle color + }, + + grid: { + borderWidth: 0 + }, + + categoryAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#757575' + } + }, + splitLine: { + // Separation line + lineStyle: { + // Property 'lineStyle' (see lineStyle) controls line styles + color: ['#eee'] + } + } + }, + + valueAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#757575' + } + }, + splitArea: { + show: true, + areaStyle: { + color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] + } + }, + splitLine: { + // Separation line + lineStyle: { + // Property 'lineStyle' (see lineStyle) controls line styles + color: ['#eee'] + } + } + }, + + timeline: { + lineStyle: { + color: '#757575' + }, + controlStyle: { + color: '#757575', + borderColor: '#757575' + } + }, + + candlestick: { + itemStyle: { + color: '#8b8b8b', + color0: '#dadada' + }, + lineStyle: { + width: 1, + color: '#757575', + color0: '#c7c7c7' + }, + areaStyle: { + color: '#757575', + color0: '#e9e9e9' + } + }, + + map: { + itemStyle: { + color: '#c7c7c7' + }, + areaStyle: { + color: 'ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#e9e9e9' + }, + linkStyle: { + color: '#757575' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#e9e9e9', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#757575' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#b5b5b5'], + [0.8, '#757575'], + [1, '#5c5c5c'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('gray', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/green1912212202.js b/static/echart/theme/green1912212202.js new file mode 100644 index 0000000..17f23ed --- /dev/null +++ b/static/echart/theme/green1912212202.js @@ -0,0 +1,203 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#408829', + '#68a54a', + '#a9cba2', + '#86b379', + '#397b29', + '#8abb6f', + '#759c6a', + '#bfd3b7' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#408829' + } + }, + + visualMap: { + color: ['408829', '#a9cba2'] + }, + + toolbox: { + color: ['#408829', '#408829', '#408829', '#408829'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#408829', + type: 'dashed' + }, + crossStyle: { + color: '#408829' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(64,136,41,0.2)', // Fill the color + handleColor: '#408829' // Handle color + }, + + grid: { + borderWidth: 0 + }, + + categoryAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#408829' + } + }, + splitLine: { + // Separation line + lineStyle: { + // Property 'lineStyle' (see lineStyle) controls line styles + color: ['#eee'] + } + } + }, + + valueAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#408829' + } + }, + splitArea: { + show: true, + areaStyle: { + color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] + } + }, + splitLine: { + // Separation line + lineStyle: { + // Property 'lineStyle' (see lineStyle) controls line styles + color: ['#eee'] + } + } + }, + + timeline: { + lineStyle: { + color: '#408829' + }, + controlStyle: { + color: '#408829', + borderColor: '#408829' + } + }, + + candlestick: { + itemStyle: { + color: '#68a54a', + color0: '#a9cba2' + }, + lineStyle: { + width: 1, + color: '#408829', + color0: '#86b379' + }, + areaStyle: { + color: '#408829', + color0: '#bfd3b7' + } + }, + + graph: { + itemStyle: { + color: '#bfd3b7' + }, + linkStyle: { + color: '#408829' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#bfd3b7', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#408829' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '#408829' + }, + label: { + color: '#000' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#86b379'], + [0.8, '#68a54a'], + [1, '#408829'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('green', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/helianthus1912212203.js b/static/echart/theme/helianthus1912212203.js new file mode 100644 index 0000000..4285b68 --- /dev/null +++ b/static/echart/theme/helianthus1912212203.js @@ -0,0 +1,244 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#44B7D3', + '#E42B6D', + '#F4E24E', + '#FE9616', + '#8AED35', + '#ff69b4', + '#ba55d3', + '#cd5c5c', + '#ffa500', + '#40e0d0', + '#E95569', + '#ff6347', + '#7b68ee', + '#00fa9a', + '#ffd700', + '#6699FF', + '#ff6666', + '#3cb371', + '#b8860b', + '#30e0e0' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#8A826D' + } + }, + + dataRange: { + x: 'right', + y: 'center', + itemWidth: 5, + itemHeight: 25, + color: ['#E42B6D', '#F9AD96'], + text: ['High', 'Low'], // Text, default is numeric text + textStyle: { + color: '#8A826D' // Range text color + } + }, + + toolbox: { + color: ['#E95569', '#E95569', '#E95569', '#E95569'], + effectiveColor: '#ff4500', + itemGap: 8 + }, + + tooltip: { + backgroundColor: 'rgba(138,130,109,0.7)', // Prompt background color, default is black with a transparency of 0.7 + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#6B6455', + type: 'dashed' + }, + crossStyle: { + color: '#A6A299' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: 'rgba(130,197,209,0.6)', // Data background color + fillerColor: 'rgba(233,84,105,0.1)', // Fill the color + handleColor: 'rgba(107,99,84,0.8)' // Handle color + }, + + grid: { + borderWidth: 0 + }, + + categoryAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#6B6455' + } + }, + splitLine: { + // separate line + show: false + } + }, + + valueAxis: { + axisLine: { + // Coordinate axis + show: true + }, + splitArea: { + show: false + }, + splitLine: { + // separate line + lineStyle: { + // Property 'lineStyle' controls line styles + color: ['#FFF'], + type: 'dashed' + } + } + }, + + polar: { + axisLine: { + // Coordinate axis + lineStyle: { + // // Property 'lineStyle' controls line styles + 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: '#6B6455' + }, + controlStyle: { + color: '#6B6455', + borderColor: '#6B6455' + } + }, + + line: { + smooth: true, + symbol: 'emptyCircle', // Inflection point graphic type + symbolSize: 3 // Inflection point graphic size + }, + + candlestick: { + itemStyle: { + color: '#e42B6d', + color0: '#44B7d3' + }, + lineStyle: { + width: 1, + color: '#e42B6d', + color0: '#44B7d3' + }, + areaStyle: { + color: '#fe994e', + color0: '#e42B6d' + } + }, + + map: { + itemStyle: { + color: '#6b6455' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#e42B6d' + } + }, + + graph: { + itemStyle: { + color: '#e42B6d' + }, + linkStyle: { + color: '#6b6455' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#e42B6d', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#6b6455' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#44B7D3'], + [0.8, '#6B6455'], + [1, '#E42B6D'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('helianthus', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/infographic1911132355.js b/static/echart/theme/infographic1911132355.js new file mode 100644 index 0000000..df47b91 --- /dev/null +++ b/static/echart/theme/infographic1911132355.js @@ -0,0 +1,204 @@ +(function (root, factory) {if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#C1232B','#27727B','#FCCE10','#E87C25','#B5C334', + '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD', + '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0' + ]; + + var theme = { + + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#27727B' + } + }, + + visualMap: { + color:['#C1232B','#FCCE10'] + }, + + toolbox: { + iconStyle: { + normal: { + borderColor: colorPalette[0] + } + } + }, + + tooltip: { + backgroundColor: 'rgba(50,50,50,0.5)', + axisPointer : { + type : 'line', + lineStyle : { + color: '#27727B', + type: 'dashed' + }, + crossStyle: { + color: '#27727B' + }, + shadowStyle : { + color: 'rgba(200,200,200,0.3)' + } + } + }, + + dataZoom: { + dataBackgroundColor: 'rgba(181,195,52,0.3)', + fillerColor: 'rgba(181,195,52,0.2)', + handleColor: '#27727B' + }, + + categoryAxis: { + axisLine: { + lineStyle: { + color: '#27727B' + } + }, + splitLine: { + show: false + } + }, + + valueAxis: { + axisLine: { + show: false + }, + splitArea : { + show: false + }, + splitLine: { + lineStyle: { + color: ['#ccc'], + type: 'dashed' + } + } + }, + + timeline: { + lineStyle: { + color: '#27727B' + }, + controlStyle: { + normal: { + color: '#27727B', + borderColor: '#27727B' + } + }, + symbol: 'emptyCircle', + symbolSize: 3 + }, + + line: { + itemStyle: { + normal: { + borderWidth:2, + borderColor:'#fff', + lineStyle: { + width: 3 + } + }, + emphasis: { + borderWidth:0 + } + }, + symbol: 'circle', + symbolSize: 3.5 + }, + + candlestick: { + itemStyle: { + normal: { + color: '#C1232B', + color0: '#B5C334', + lineStyle: { + width: 1, + color: '#C1232B', + color0: '#B5C334' + } + } + } + }, + + graph: { + color: colorPalette + }, + + map: { + label: { + normal: { + textStyle: { + color: '#C1232B' + } + }, + emphasis: { + textStyle: { + color: 'rgb(100,0,0)' + } + } + }, + itemStyle: { + normal: { + areaColor: '#ddd', + borderColor: '#eee' + }, + emphasis: { + areaColor: '#fe994e' + } + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [[0.2, '#B5C334'],[0.8, '#27727B'],[1, '#C1232B']] + } + }, + axisTick: { + splitNumber: 2, + length: 5, + lineStyle: { + color: '#fff' + } + }, + axisLabel: { + textStyle: { + color: '#fff' + } + }, + splitLine: { + length: '5%', + lineStyle: { + color: '#fff' + } + }, + title : { + offsetCenter: [0, -20] + } + } + }; + + echarts.registerTheme('infographic', theme); +})); \ No newline at end of file diff --git a/static/echart/theme/inspired1912212205.js b/static/echart/theme/inspired1912212205.js new file mode 100644 index 0000000..18cddbe --- /dev/null +++ b/static/echart/theme/inspired1912212205.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#cc0000', + '#002266', + '#ff9900', + '#006600', + '#8a150f', + '#076278', + '#808080', + '#f07b75' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#cc0000' + } + }, + + visualMap: { + color: ['#cc0000', '#002266'] + }, + + toolbox: { + color: ['#cc0000', '#cc0000', '#cc0000', '#cc0000'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#cc0000', + type: 'dashed' + }, + crossStyle: { + color: '#cc0000' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#cc0000' // Handle color + }, + + timeline: { + lineStyle: { + color: '#cc0000' + }, + controlStyle: { + color: '#cc0000', + borderColor: '#cc0000' + } + }, + + candlestick: { + itemStyle: { + color: '#002266', + color0: '#ff9900' + }, + lineStyle: { + width: 1, + color: '#8a150f', + color0: '#006600' + }, + areaStyle: { + color: '#cc0000', + color0: '#ff9900' + } + }, + + map: { + itemStyle: { + color: '#ff9900' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#ff9900' + }, + linkStyle: { + color: '#cc0000' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#002266'], + [0.8, '#cc0000'], + [1, '8a150f'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('inspired', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/jazz1912212205.js b/static/echart/theme/jazz1912212205.js new file mode 100644 index 0000000..cb5997b --- /dev/null +++ b/static/echart/theme/jazz1912212205.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#e9e0d1', + '#91a398', + '#33605a', + '#070001', + '#68462b', + '#58a79c', + '#abd3ce', + '#eef6f5' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#e9e0d1' + } + }, + + visualMap: { + color: ['#e9e0d1', '#91a398'] + }, + + toolbox: { + color: ['#e9e0d1', '#e9e0d1', '#e9e0d1', '#e9e0d1'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#e9e0d1', + type: 'dashed' + }, + crossStyle: { + color: '#e9e0d1' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#e9e0d1' // Handle color + }, + + timeline: { + lineStyle: { + color: '#e9e0d1' + }, + controlStyle: { + color: '#e9e0d1', + borderColor: '#e9e0d1' + } + }, + + candlestick: { + itemStyle: { + color: '#91a398', + color0: '#33605a' + }, + lineStyle: { + width: 1, + color: '#68462b', + color0: '#070001' + }, + areaStyle: { + color: '#91a398', + color0: '#abd3ce' + } + }, + + map: { + itemStyle: { + color: '#c12e34' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#33605a' + }, + linkStyle: { + color: '#e9e0d1' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#91a398'], + [0.8, '#e9e0d1'], + [1, '#68462b'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('jazz', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/london1912212207.js b/static/echart/theme/london1912212207.js new file mode 100644 index 0000000..d1f508f --- /dev/null +++ b/static/echart/theme/london1912212207.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#02151a', + '#043a47', + '#087891', + '#c8c8c8', + '#b31d14', + '#0b9cc1', + '#f2f2f2', + '#f07b75' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#02151a' + } + }, + + visualMap: { + color: ['#02151a', '#a2d4e6'] + }, + + toolbox: { + color: ['#02151a', '#02151a', '#02151a', '#02151a'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#02151a', + type: 'dashed' + }, + crossStyle: { + color: '#02151a' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(144,197,237,0.2)', // Fill the color + handleColor: '#02151a' // Handle color + }, + + timeline: { + lineStyle: { + color: '#02151a' + }, + controlStyle: { + color: '#02151a', + borderColor: '#02151a' + } + }, + + candlestick: { + itemStyle: { + color: '#043a47', + color0: '#087891' + }, + lineStyle: { + width: 1, + color: '#b31d14', + color0: '#c8c8c8' + }, + areaStyle: { + color: '#087891', + color0: '#c8c8c8' + } + }, + + map: { + itemStyle: { + color: '#ddd' + }, + areaStyle: { + color: '#087891' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#c12e34' + }, + linkStyle: { + color: '#02151a' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#043a47'], + [0.8, '#02151a'], + [1, '#b31d14'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('london', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/macarons21912212209.js b/static/echart/theme/macarons21912212209.js new file mode 100644 index 0000000..a15e8cd --- /dev/null +++ b/static/echart/theme/macarons21912212209.js @@ -0,0 +1,232 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#ed9678', + '#e7dac9', + '#cb8e85', + '#f3f39d', + '#c8e49c', + '#f16d7a', + '#f3d999', + '#d3758f', + '#dcc392', + '#2e4783', + '#82b6e9', + '#ff6347', + '#a092f1', + '#0a915d', + '#eaf889', + '#6699FF', + '#ff6666', + '#3cb371', + '#d5b158', + '#38b6b6' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#cb8e85' + } + }, + + dataRange: { + color: ['#cb8e85', '#e7dac9'], //颜色 + //text:['高','低'], // 文本，默认为数值文本 + textStyle: { + color: '#333' // 值域文字颜色 + } + }, + + bar: { + barMinHeight: 0, // 最小高度改为0 + // barWidth: null, // 默认自适应 + barGap: '30%', // 柱间距离，默认为柱形宽度的30%，可设固定值 + barCategoryGap: '20%', // 类目间柱形距离，默认为类目间距的20%，可设固定值 + itemStyle: { + normal: { + // color: '各异', + barBorderColor: '#fff', // 柱条边线 + barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0 + barBorderWidth: 1, // 柱条边线线宽，单位px，默认为1 + label: { + show: false + // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为 + // 'inside'|'left'|'right'|'top'|'bottom' + // textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE + } + }, + emphasis: { + // color: '各异', + barBorderColor: 'rgba(0,0,0,0)', // 柱条边线 + barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0 + barBorderWidth: 1, // 柱条边线线宽，单位px，默认为1 + label: { + show: false + // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为 + // 'inside'|'left'|'right'|'top'|'bottom' + // textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE + } + } + } + }, + + line: { + itemStyle: { + normal: { + // color: 各异, + label: { + show: false + // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为 + // 'inside'|'left'|'right'|'top'|'bottom' + // textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE + }, + lineStyle: { + width: 2, + type: 'solid', + shadowColor: 'rgba(0,0,0,0)', //默认透明 + shadowBlur: 5, + shadowOffsetX: 3, + shadowOffsetY: 3 + } + }, + emphasis: { + // color: 各异, + label: { + show: false + // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为 + // 'inside'|'left'|'right'|'top'|'bottom' + // textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE + } + } + }, + //smooth : false, + //symbol: null, // 拐点图形类型 + symbolSize: 2, // 拐点图形大小 + //symbolRotate : null, // 拐点图形旋转控制 + showAllSymbol: false // 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略） + }, + + candlestick: { + itemStyle: { + color: '#fe9778', + color0: '#e7dac9' + }, + lineStyle: { + width: 1, + color: '#f78766', + color0: '#f1ccb8' + }, + areaStyle: { + color: '#e7dac9', + color0: '#c8e49c' + } + }, + + // 饼图默认参数 + pie: { + center: ['50%', '50%'], // 默认全局居中 + radius: [0, '75%'], + clockWise: false, // 默认逆时针 + startAngle: 90, + minAngle: 0, // 最小角度改为0 + selectedOffset: 10, // 选中是扇区偏移量 + itemStyle: { + normal: { + // color: 各异, + borderColor: '#fff', + borderWidth: 1, + label: { + show: true, + position: 'outer', + textStyle: { color: '#1b1b1b' }, + lineStyle: { color: '#1b1b1b' } + // textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE + }, + labelLine: { + show: true, + length: 20, + lineStyle: { + // color: 各异, + width: 1, + type: 'solid' + } + } + } + } + }, + + map: { + itemStyle: { + color: '#ddd', + borderColor: '#fff', + borderWidth: 1 + }, + areaStyle: { + color: '#f3f39d' + }, + label: { + show: false, + color: 'rgba(139,69,19,1)' + }, + showLegendSymbol: true + }, + + graph: { + itemStyle: { + color: '#d87a80' + }, + linkStyle: { + strokeColor: '#a17e6e' + }, + nodeStyle: { + brushType: 'both', + strokeColor: '#a17e6e' + }, + label: { + show: false + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#ed9678'], + [0.8, '#e7dac9'], + [1, '#cb8e85'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('macarons2', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/mint1912212209.js b/static/echart/theme/mint1912212209.js new file mode 100644 index 0000000..616fbf4 --- /dev/null +++ b/static/echart/theme/mint1912212209.js @@ -0,0 +1,136 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#8aedd5', + '#93bc9e', + '#cef1db', + '#7fe579', + '#a6d7c2', + '#bef0bb', + '#99e2vb', + '#94f8a8', + '#7de5b8', + '#4dfb70' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#8aedd5' + } + }, + + toolbox: { + color: ['#8aedd5', '#8aedd5', '#8aedd5', '#8aedd5'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#8aedd5', + type: 'dashed' + }, + crossStyle: { + color: '#8aedd5' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(64,136,41,0.2)', // Fill the color + handleColor: '#408829' // Handle color + }, + + dataRange: { + color: ['#93bc92', '#bef0bb'] + }, + + candlestick: { + itemStyle: { + color: '#8aedd5', + color0: '#7fe579' + }, + lineStyle: { + width: 1, + color: '#8aedd5', + color0: '#7fe579' + }, + areaStyle: { + color: '#8aedd5', + color0: '#93bc9e' + } + }, + + graph: { + itemStyle: { + color: '#8aedd5' + }, + linkStyle: { + color: '#93bc9e' + } + }, + + map: { + itemStyle: { + color: '#8aedd5' + }, + areaStyle: { + color: '#93bc9e' + }, + label: { + color: '#cef1db' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#93bc9e'], + [0.8, '#8aedd5'], + [1, '#a6d7c2'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('mint', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/purple-passion1911132353.js b/static/echart/theme/purple-passion1911132353.js new file mode 100644 index 0000000..6278cd2 --- /dev/null +++ b/static/echart/theme/purple-passion1911132353.js @@ -0,0 +1,516 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + echarts.registerTheme('purple-passion', { + "color": [ + "#9b8bba", + "#e098c7", + "#8fd3e8", + "#71669e", + "#cc70af", + "#7cb4cc" + ], + "backgroundColor": "rgba(91,92,110,1)", + "textStyle": {}, + "title": { + "textStyle": { + "color": "#ffffff" + }, + "subtextStyle": { + "color": "#cccccc" + } + }, + "line": { + "itemStyle": { + "normal": { + "borderWidth": "2" + } + }, + "lineStyle": { + "normal": { + "width": "3" + } + }, + "symbolSize": "7", + "symbol": "circle", + "smooth": true + }, + "radar": { + "itemStyle": { + "normal": { + "borderWidth": "2" + } + }, + "lineStyle": { + "normal": { + "width": "3" + } + }, + "symbolSize": "7", + "symbol": "circle", + "smooth": true + }, + "bar": { + "itemStyle": { + "normal": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + }, + "emphasis": { + "barBorderWidth": 0, + "barBorderColor": "#ccc" + } + } + }, + "pie": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "scatter": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "boxplot": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "parallel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "sankey": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "funnel": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "gauge": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + }, + "emphasis": { + "borderWidth": 0, + "borderColor": "#ccc" + } + } + }, + "candlestick": { + "itemStyle": { + "normal": { + "color": "#e098c7", + "color0": "transparent", + "borderColor": "#e098c7", + "borderColor0": "#8fd3e8", + "borderWidth": "2" + } + } + }, + "graph": { + "itemStyle": { + "normal": { + "borderWidth": 0, + "borderColor": "#ccc" + } + }, + "lineStyle": { + "normal": { + "width": 1, + "color": "#aaaaaa" + } + }, + "symbolSize": "7", + "symbol": "circle", + "smooth": true, + "color": [ + "#9b8bba", + "#e098c7", + "#8fd3e8", + "#71669e", + "#cc70af", + "#7cb4cc" + ], + "label": { + "normal": { + "textStyle": { + "color": "#eeeeee" + } + } + } + }, + "map": { + "itemStyle": { + "normal": { + "areaColor": "#eeeeee", + "borderColor": "#444444", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(224,152,199,1)", + "borderColor": "#444444", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#000000" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(255,255,255)" + } + } + } + }, + "geo": { + "itemStyle": { + "normal": { + "areaColor": "#eeeeee", + "borderColor": "#444444", + "borderWidth": 0.5 + }, + "emphasis": { + "areaColor": "rgba(224,152,199,1)", + "borderColor": "#444444", + "borderWidth": 1 + } + }, + "label": { + "normal": { + "textStyle": { + "color": "#000000" + } + }, + "emphasis": { + "textStyle": { + "color": "rgb(255,255,255)" + } + } + } + }, + "categoryAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#cccccc" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#eeeeee", + "#333333" + ] + } + }, + "splitArea": { + "show": true, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "valueAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#cccccc" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#eeeeee", + "#333333" + ] + } + }, + "splitArea": { + "show": true, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "logAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#cccccc" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#eeeeee", + "#333333" + ] + } + }, + "splitArea": { + "show": true, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "timeAxis": { + "axisLine": { + "show": true, + "lineStyle": { + "color": "#cccccc" + } + }, + "axisTick": { + "show": false, + "lineStyle": { + "color": "#333" + } + }, + "axisLabel": { + "show": true, + "textStyle": { + "color": "#cccccc" + } + }, + "splitLine": { + "show": false, + "lineStyle": { + "color": [ + "#eeeeee", + "#333333" + ] + } + }, + "splitArea": { + "show": true, + "areaStyle": { + "color": [ + "rgba(250,250,250,0.05)", + "rgba(200,200,200,0.02)" + ] + } + } + }, + "toolbox": { + "iconStyle": { + "normal": { + "borderColor": "#999999" + }, + "emphasis": { + "borderColor": "#666666" + } + } + }, + "legend": { + "textStyle": { + "color": "#cccccc" + } + }, + "tooltip": { + "axisPointer": { + "lineStyle": { + "color": "#cccccc", + "width": 1 + }, + "crossStyle": { + "color": "#cccccc", + "width": 1 + } + } + }, + "timeline": { + "lineStyle": { + "color": "#8fd3e8", + "width": 1 + }, + "itemStyle": { + "normal": { + "color": "#8fd3e8", + "borderWidth": 1 + }, + "emphasis": { + "color": "#8fd3e8" + } + }, + "controlStyle": { + "normal": { + "color": "#8fd3e8", + "borderColor": "#8fd3e8", + "borderWidth": 0.5 + }, + "emphasis": { + "color": "#8fd3e8", + "borderColor": "#8fd3e8", + "borderWidth": 0.5 + } + }, + "checkpointStyle": { + "color": "#8fd3e8", + "borderColor": "rgba(138,124,168,0.37)" + }, + "label": { + "normal": { + "textStyle": { + "color": "#8fd3e8" + } + }, + "emphasis": { + "textStyle": { + "color": "#8fd3e8" + } + } + } + }, + "visualMap": { + "color": [ + "#8a7ca8", + "#e098c7", + "#cceffa" + ] + }, + "dataZoom": { + "backgroundColor": "rgba(0,0,0,0)", + "dataBackgroundColor": "rgba(255,255,255,0.3)", + "fillerColor": "rgba(167,183,204,0.4)", + "handleColor": "#a7b7cc", + "handleSize": "100%", + "textStyle": { + "color": "#333333" + } + }, + "markPoint": { + "label": { + "normal": { + "textStyle": { + "color": "#eeeeee" + } + }, + "emphasis": { + "textStyle": { + "color": "#eeeeee" + } + } + } + } + }); +})); \ No newline at end of file diff --git a/static/echart/theme/red-velvet1912212210.js b/static/echart/theme/red-velvet1912212210.js new file mode 100644 index 0000000..31c9c47 --- /dev/null +++ b/static/echart/theme/red-velvet1912212210.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#8b1a2d', + '#a7314b', + '#e6004c', + '#ff8066', + '#8e5c4e', + '#ff1a66', + '#d6c582', + '#f0d4af' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#8b1a2d' + } + }, + + visualMap: { + color: ['#8b1a2d', '#a7314b'] + }, + + toolbox: { + color: ['#8b1a2d', '#8b1a2d', '#8b1a2d', '#8b1a2d'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#8b1a2d', + type: 'dashed' + }, + crossStyle: { + color: '#8b1a2d' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#8b1a2d' // Handle color + }, + + timeline: { + lineStyle: { + color: '#8b1a2d' + }, + controlStyle: { + color: '#8b1a2d', + borderColor: '#8b1a2d' + } + }, + + candlestick: { + itemStyle: { + color: '#a7314b', + color0: '#d6c582' + }, + lineStyle: { + width: 1, + color: '#8e5c4e', + color0: '#f0d4af' + }, + areaStyle: { + color: '#8b1a2d', + color0: '#ff8066' + } + }, + + map: { + itemStyle: { + color: '#8b1a2d' + }, + areaStyle: { + color: '#ff8066' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#ff8066' + }, + linkStyle: { + color: '#8b1a2d' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#a7314b'], + [0.8, '#8b1a2d'], + [1, '#8e5c4e'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('red-velvet', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/red1912212210.js b/static/echart/theme/red1912212210.js new file mode 100644 index 0000000..55346fd --- /dev/null +++ b/static/echart/theme/red1912212210.js @@ -0,0 +1,206 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#d8361b', + '#f16b4c', + '#f7b4a9', + '#d26666', + '#99311c', + '#c42703', + '#d07e75' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#d8361b' + } + }, + + visualMap: { + color: ['#d8361b', '#ffd2d2'] + }, + + dataRange: { + color: ['#bd0707', '#ffd2d2'] + }, + + toolbox: { + color: ['#d8361b', '#d8361b', '#d8361b', '#d8361b'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#d8361b', + type: 'dashed' + }, + crossStyle: { + color: '#d8361b' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(216,54,27,0.2)', // Fill the color + handleColor: '#d8361b' // Handle color + }, + + grid: { + borderWidth: 0 + }, + + categoryAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#d8361b' + } + }, + splitLine: { + // Separation line + lineStyle: { + // Property 'lineStyle' (see lineStyle) controls line styles + color: ['#eee'] + } + } + }, + + valueAxis: { + axisLine: { + // Coordinate axis + lineStyle: { + // Property 'lineStyle' controls line styles + color: '#d8361b' + } + }, + splitArea: { + show: true, + areaStyle: { + color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] + } + }, + splitLine: { + // Separation line + lineStyle: { + // Property 'lineStyle' (see lineStyle) controls line styles + color: ['#eee'] + } + } + }, + + timeline: { + lineStyle: { + color: '#d8361b' + }, + controlStyle: { + color: '#d8361b', + borderColor: '#d8361b' + } + }, + + candlestick: { + itemStyle: { + color: '#f16b4c', + color0: '#f7b4a9' + }, + lineStyle: { + width: 1, + color: '#d8361b', + color0: '#d26666' + }, + areaStyle: { + color: '#d8361b', + color0: '#d07e75' + } + }, + + graph: { + itemStyle: { + color: '#d07e75' + }, + linkStyle: { + color: '#d8361b' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#d07e75', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#d8361b' + } + }, + + map: { + itemStyle: { + color: '#d8361b' + }, + areaStyle: { + color: '#d07e75' + }, + label: { + color: '#c12e34' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#f16b4c'], + [0.8, '#d8361b'], + [1, '#99311c'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('red', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/royal1912212213.js b/static/echart/theme/royal1912212213.js new file mode 100644 index 0000000..38a8228 --- /dev/null +++ b/static/echart/theme/royal1912212213.js @@ -0,0 +1,144 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#3f7ea6', + '#993366', + '#408000', + '#8c6f56', + '#a65149', + '#731f17', + '#adc2eb', + '#d9c3b0' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#3f7ea6' + } + }, + + visualMap: { + color: ['#3f7ea6', '#993366'] + }, + + toolbox: { + color: ['#3f7ea6', '#3f7ea6', '#3f7ea6', '#3f7ea6'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#3f7ea6', + type: 'dashed' + }, + crossStyle: { + color: '#3f7ea6' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(200,200,200,0.2)', // Fill the color + handleColor: '#3f7ea6' // Handle color + }, + + timeline: { + lineStyle: { + color: '#3f7ea6' + }, + controlStyle: { + color: '#3f7ea6', + borderColor: '#3f7ea6' + } + }, + + candlestick: { + itemStyle: { + color: '#d9c3b0', + color0: '#8c6f56' + }, + lineStyle: { + width: 1, + color: '#731f17', + color0: '#a65149' + }, + areaStyle: { + color: '#3f7ea6', + color0: '#993366' + } + }, + + map: { + itemStyle: { + color: '#d9c3b0' + }, + areaStyle: { + color: '#ddd' + }, + label: { + color: '#c12e34' + } + }, + + graph: { + itemStyle: { + color: '#993366' + }, + linkStyle: { + color: '#3f7ea6' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#d9c3b0'], + [0.8, '#3f7ea6'], + [1, '#731f17'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('royal', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/sakura1912212211.js b/static/echart/theme/sakura1912212211.js new file mode 100644 index 0000000..d015444 --- /dev/null +++ b/static/echart/theme/sakura1912212211.js @@ -0,0 +1,121 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#e52c3c', + '#f7b1ab', + '#fa506c', + '#f59288', + '#f8c4d8', + '#e54f5c', + '#f06d5c', + '#e54f80', + '#f29c9f', + '#eeb5b7' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#e52c3c' + } + }, + + visualMap: { + color: ['#e52c3c', '#f7b1ab'] + }, + + dataRange: { + color: ['#e52c3c', '#f7b1ab'] + }, + + candlestick: { + itemStyle: { + color: '#e52c3c', + color0: '#f59288' + }, + lineStyle: { + width: 1, + color: '#e52c3c', + color0: '#f59288' + }, + areaStyle: { + color: '#fa506c', + color0: '#f8c4d8' + } + }, + + map: { + itemStyle: { + color: '#e52c3c', + borderColor: '#fff', + borderWidth: 1 + }, + areaStyle: { + color: '#ccc' + }, + label: { + color: 'rgba(139,69,19,1)', + show: false + } + }, + + graph: { + itemStyle: { + color: '#f2385a' + }, + nodeStyle: { + brushType: 'both', + strokeColor: '#e54f5c' + }, + linkStyle: { + color: '#f2385a', + strokeColor: '#e54f5c' + }, + label: { + color: '#f2385a', + show: false + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#e52c3c'], + [0.8, '#f7b1ab'], + [1, '#fa506c'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('sakura', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/tech-blue1912212212.js b/static/echart/theme/tech-blue1912212212.js new file mode 100644 index 0000000..1b01a80 --- /dev/null +++ b/static/echart/theme/tech-blue1912212212.js @@ -0,0 +1,161 @@ +(function(root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if ( + typeof exports === 'object' && + typeof exports.nodeName !== 'string' + ) { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +})(this, function(exports, echarts) { + var log = function(msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + + var colorPalette = [ + '#4d4d4d', + '#3a5897', + '#007bb6', + '#7094db', + '#0080ff', + '#b3b3ff', + '#00bdec', + '#33ccff', + '#ccddff', + '#eeeeee' + ]; + + var theme = { + color: colorPalette, + + title: { + textStyle: { + fontWeight: 'normal', + color: '#00aecd' + } + }, + + visualMap: { + color: ['#00aecd', '#a2d4e6'] + }, + + toolbox: { + color: ['#00aecd', '#00aecd', '#00aecd', '#00aecd'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + // Axis indicator, coordinate trigger effective + type: 'line', // The default is a straight line： 'line' | 'shadow' + lineStyle: { + // Straight line indicator style settings + color: '#00aecd', + type: 'dashed' + }, + crossStyle: { + color: '#00aecd' + }, + shadowStyle: { + // Shadow indicator style settings + color: 'rgba(200,200,200,0.3)' + } + } + }, + + // Area scaling controller + dataZoom: { + dataBackgroundColor: '#eee', // Data background color + fillerColor: 'rgba(144,197,237,0.2)', // Fill the color + handleColor: '#00aecd' // Handle color + }, + + timeline: { + lineStyle: { + color: '#00aecd' + }, + controlStyle: { + normal: { color: '#00aecd' }, + emphasis: { color: '#00aecd' } + } + }, + + candlestick: { + itemStyle: { + color: '#ddd', + color0: '#eee' + }, + lineStyle: { + width: 1, + color: '#33ccff', + color0: '#1bb4cf' + }, + areaStyle: { + color: '#7094db', + color0: '#33ccff' + } + }, + + chord: { + padding: 4, + itemStyle: { + color: '#7094db', + borderWidth: 1, + borderColor: 'rgba(128, 128, 128, 0.5)' + }, + lineStyle: { + color: 'rgba(128, 128, 128, 0.5)' + }, + areaStyle: { + color: '#33ccff' + } + }, + + graph: { + itemStyle: { + color: '#7094db' + }, + linkStyle: { + color: '#33ccff' + } + }, + + map: { + itemStyle: { + color: '#7094db' + }, + areaStyle: { + color: '#33ccff' + }, + label: { + color: '#ddd' + } + }, + + gauge: { + axisLine: { + lineStyle: { + color: [ + [0.2, '#dddddd'], + [0.8, '#00aecd'], + [1, '#33ccff'] + ], + width: 8 + } + } + } + }; + + echarts.registerTheme('tech-blue', theme); +}); \ No newline at end of file diff --git a/static/echart/theme/vintage1911132354.js b/static/echart/theme/vintage1911132354.js new file mode 100644 index 0000000..bcea5ad --- /dev/null +++ b/static/echart/theme/vintage1911132354.js @@ -0,0 +1,30 @@ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['exports', 'echarts'], factory); + } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { + // CommonJS + factory(exports, require('echarts')); + } else { + // Browser globals + factory({}, root.echarts); + } +}(this, function (exports, echarts) { + var log = function (msg) { + if (typeof console !== 'undefined') { + console && console.error && console.error(msg); + } + }; + if (!echarts) { + log('ECharts is not Loaded'); + return; + } + var colorPalette = ['#d87c7c','#919e8b', '#d7ab82', '#6e7074','#61a0a8','#efa18d', '#787464', '#cc7e63', '#724e58', '#4b565b']; + echarts.registerTheme('vintage', { + color: colorPalette, + backgroundColor: '#fef8ef', + graph: { + color: colorPalette + } + }); +})); \ No newline at end of file diff --git a/templates/echart/403.html b/templates/echart/403.html index e8b1698..4e1dc49 100644 --- a/templates/echart/403.html +++ b/templates/echart/403.html @@ -8,7 +8,7 @@

为方便大家交流使用问题, 所以强制要求加微信获取激活码, 请放心不需要费用

-
+

@smartchart.cn

diff --git a/templates/echart/base.html b/templates/echart/base.html index 8ade7c0..17efbce 100644 --- a/templates/echart/base.html +++ b/templates/echart/base.html @@ -63,3 +63,4 @@ function exitFullscreen() { } } + \ No newline at end of file diff --git a/templates/echart/div_editor.html b/templates/echart/div_editor.html index 787c2f3..85dbc7c 100644 --- a/templates/echart/div_editor.html +++ b/templates/echart/div_editor.html @@ -8,7 +8,6 @@ -{# #} diff --git a/templates/index/index.html b/templates/index/index.html index 9bacd9f..a4559fb 100644 --- a/templates/index/index.html +++ b/templates/index/index.html @@ -57,6 +57,7 @@
{{user}} + diff --git a/templates/source/no_favorite b/templates/source/no_favorite index 289d8fb..4e1dc49 100644 --- a/templates/source/no_favorite +++ b/templates/source/no_favorite @@ -12,7 +12,7 @@

@smartchart.cn

- +