@@ -0,0 +1,167 @@ | |||||
@font-face { | |||||
font-family: "iconfont"; /* Project id 1117329 */ | |||||
src: url('iconfont.woff2?t=1649215188432') format('woff2'), | |||||
url('iconfont.woff?t=1649215188432') format('woff'), | |||||
url('iconfont.ttf?t=1649215188432') format('truetype'); | |||||
} | |||||
.iconfont { | |||||
font-family: "iconfont" !important; | |||||
font-size: 16px; | |||||
font-style: normal; | |||||
-webkit-font-smoothing: antialiased; | |||||
-moz-osx-font-smoothing: grayscale; | |||||
} | |||||
.icon-juxing:before { | |||||
content: "\e7a5"; | |||||
} | |||||
.icon-datav:before { | |||||
content: "\e722"; | |||||
} | |||||
.icon-jianzhuzhuangshi:before { | |||||
content: "\e62d"; | |||||
} | |||||
.icon-biankuang:before { | |||||
content: "\e6b7"; | |||||
} | |||||
.icon-fold:before { | |||||
content: "\e60a"; | |||||
} | |||||
.icon-folder:before { | |||||
content: "\e64f"; | |||||
} | |||||
.icon-radar:before { | |||||
content: "\e6cd"; | |||||
} | |||||
.icon-scatter:before { | |||||
content: "\e674"; | |||||
} | |||||
.icon-funnel:before { | |||||
content: "\e631"; | |||||
} | |||||
.icon-slide:before { | |||||
content: "\ea9c"; | |||||
} | |||||
.icon-moban:before { | |||||
content: "\e602"; | |||||
} | |||||
.icon-daping:before { | |||||
content: "\e675"; | |||||
} | |||||
.icon-tabs:before { | |||||
content: "\e62f"; | |||||
} | |||||
.icon-event:before { | |||||
content: "\e630"; | |||||
} | |||||
.icon-wordCloud:before { | |||||
content: "\e752"; | |||||
} | |||||
.icon-video:before { | |||||
content: "\e626"; | |||||
} | |||||
.icon-daima:before { | |||||
content: "\e816"; | |||||
} | |||||
.icon-peizhi:before { | |||||
content: "\e620"; | |||||
} | |||||
.icon-pictorialBar:before { | |||||
content: "\e609"; | |||||
} | |||||
.icon-map:before { | |||||
content: "\e601"; | |||||
} | |||||
.icon-circle:before { | |||||
content: "\e880"; | |||||
} | |||||
.icon-view:before { | |||||
content: "\e60e"; | |||||
} | |||||
.icon-build:before { | |||||
content: "\e72d"; | |||||
} | |||||
.icon-reset:before { | |||||
content: "\e68b"; | |||||
} | |||||
.icon-img:before { | |||||
content: "\e62e"; | |||||
} | |||||
.icon-iframe:before { | |||||
content: "\e639"; | |||||
} | |||||
.icon-gauge:before { | |||||
content: "\e60c"; | |||||
} | |||||
.icon-link:before { | |||||
content: "\e6dc"; | |||||
} | |||||
.icon-bar:before { | |||||
content: "\e60d"; | |||||
} | |||||
.icon-pie:before { | |||||
content: "\e600"; | |||||
} | |||||
.icon-progress:before { | |||||
content: "\e64d"; | |||||
} | |||||
.icon-line:before { | |||||
content: "\e608"; | |||||
} | |||||
.icon-banner:before { | |||||
content: "\e614"; | |||||
} | |||||
.icon-flop:before { | |||||
content: "\e683"; | |||||
} | |||||
.icon-scroll:before { | |||||
content: "\e688"; | |||||
} | |||||
.icon-table:before { | |||||
content: "\e651"; | |||||
} | |||||
.icon-datetime:before { | |||||
content: "\e607"; | |||||
} | |||||
.icon-text:before { | |||||
content: "\e605"; | |||||
} | |||||
@@ -0,0 +1,275 @@ | |||||
{ | |||||
"id": "1117329", | |||||
"name": "avue-data", | |||||
"font_family": "iconfont", | |||||
"css_prefix_text": "icon-", | |||||
"description": "", | |||||
"glyphs": [ | |||||
{ | |||||
"icon_id": "23043465", | |||||
"name": "矩形树图", | |||||
"font_class": "juxing", | |||||
"unicode": "e7a5", | |||||
"unicode_decimal": 59301 | |||||
}, | |||||
{ | |||||
"icon_id": "2057530", | |||||
"name": "datav-data", | |||||
"font_class": "datav", | |||||
"unicode": "e722", | |||||
"unicode_decimal": 59170 | |||||
}, | |||||
{ | |||||
"icon_id": "688256", | |||||
"name": "建筑装饰", | |||||
"font_class": "jianzhuzhuangshi", | |||||
"unicode": "e62d", | |||||
"unicode_decimal": 58925 | |||||
}, | |||||
{ | |||||
"icon_id": "22761375", | |||||
"name": "边框", | |||||
"font_class": "biankuang", | |||||
"unicode": "e6b7", | |||||
"unicode_decimal": 59063 | |||||
}, | |||||
{ | |||||
"icon_id": "222066", | |||||
"name": "折叠", | |||||
"font_class": "fold", | |||||
"unicode": "e60a", | |||||
"unicode_decimal": 58890 | |||||
}, | |||||
{ | |||||
"icon_id": "749684", | |||||
"name": "文件夹", | |||||
"font_class": "folder", | |||||
"unicode": "e64f", | |||||
"unicode_decimal": 58959 | |||||
}, | |||||
{ | |||||
"icon_id": "2170177", | |||||
"name": "图表-雷达图", | |||||
"font_class": "radar", | |||||
"unicode": "e6cd", | |||||
"unicode_decimal": 59085 | |||||
}, | |||||
{ | |||||
"icon_id": "3408773", | |||||
"name": "散点图", | |||||
"font_class": "scatter", | |||||
"unicode": "e674", | |||||
"unicode_decimal": 58996 | |||||
}, | |||||
{ | |||||
"icon_id": "5094157", | |||||
"name": "漏斗图 (1)", | |||||
"font_class": "funnel", | |||||
"unicode": "e631", | |||||
"unicode_decimal": 58929 | |||||
}, | |||||
{ | |||||
"icon_id": "7754409", | |||||
"name": "slide left right", | |||||
"font_class": "slide", | |||||
"unicode": "ea9c", | |||||
"unicode_decimal": 60060 | |||||
}, | |||||
{ | |||||
"icon_id": "3497472", | |||||
"name": "模板", | |||||
"font_class": "moban", | |||||
"unicode": "e602", | |||||
"unicode_decimal": 58882 | |||||
}, | |||||
{ | |||||
"icon_id": "7955868", | |||||
"name": "大屏", | |||||
"font_class": "daping", | |||||
"unicode": "e675", | |||||
"unicode_decimal": 58997 | |||||
}, | |||||
{ | |||||
"icon_id": "766595", | |||||
"name": "选项卡", | |||||
"font_class": "tabs", | |||||
"unicode": "e62f", | |||||
"unicode_decimal": 58927 | |||||
}, | |||||
{ | |||||
"icon_id": "1659312", | |||||
"name": "交互", | |||||
"font_class": "event", | |||||
"unicode": "e630", | |||||
"unicode_decimal": 58928 | |||||
}, | |||||
{ | |||||
"icon_id": "4152028", | |||||
"name": "组件-字符云", | |||||
"font_class": "wordCloud", | |||||
"unicode": "e752", | |||||
"unicode_decimal": 59218 | |||||
}, | |||||
{ | |||||
"icon_id": "7505631", | |||||
"name": "视频", | |||||
"font_class": "video", | |||||
"unicode": "e626", | |||||
"unicode_decimal": 58918 | |||||
}, | |||||
{ | |||||
"icon_id": "1550488", | |||||
"name": "代码", | |||||
"font_class": "daima", | |||||
"unicode": "e816", | |||||
"unicode_decimal": 59414 | |||||
}, | |||||
{ | |||||
"icon_id": "3531486", | |||||
"name": "配置", | |||||
"font_class": "peizhi", | |||||
"unicode": "e620", | |||||
"unicode_decimal": 58912 | |||||
}, | |||||
{ | |||||
"icon_id": "4657392", | |||||
"name": "象形图", | |||||
"font_class": "pictorialBar", | |||||
"unicode": "e609", | |||||
"unicode_decimal": 58889 | |||||
}, | |||||
{ | |||||
"icon_id": "3647380", | |||||
"name": "地图", | |||||
"font_class": "map", | |||||
"unicode": "e601", | |||||
"unicode_decimal": 58881 | |||||
}, | |||||
{ | |||||
"icon_id": "2059675", | |||||
"name": "环形图", | |||||
"font_class": "circle", | |||||
"unicode": "e880", | |||||
"unicode_decimal": 59520 | |||||
}, | |||||
{ | |||||
"icon_id": "2936158", | |||||
"name": "预览", | |||||
"font_class": "view", | |||||
"unicode": "e60e", | |||||
"unicode_decimal": 58894 | |||||
}, | |||||
{ | |||||
"icon_id": "4214752", | |||||
"name": "生成", | |||||
"font_class": "build", | |||||
"unicode": "e72d", | |||||
"unicode_decimal": 59181 | |||||
}, | |||||
{ | |||||
"icon_id": "6196632", | |||||
"name": "还原", | |||||
"font_class": "reset", | |||||
"unicode": "e68b", | |||||
"unicode_decimal": 59019 | |||||
}, | |||||
{ | |||||
"icon_id": "500969", | |||||
"name": "图片", | |||||
"font_class": "img", | |||||
"unicode": "e62e", | |||||
"unicode_decimal": 58926 | |||||
}, | |||||
{ | |||||
"icon_id": "1237697", | |||||
"name": "iframe", | |||||
"font_class": "iframe", | |||||
"unicode": "e639", | |||||
"unicode_decimal": 58937 | |||||
}, | |||||
{ | |||||
"icon_id": "2083516", | |||||
"name": "仪表盘", | |||||
"font_class": "gauge", | |||||
"unicode": "e60c", | |||||
"unicode_decimal": 58892 | |||||
}, | |||||
{ | |||||
"icon_id": "3182278", | |||||
"name": "超链接", | |||||
"font_class": "link", | |||||
"unicode": "e6dc", | |||||
"unicode_decimal": 59100 | |||||
}, | |||||
{ | |||||
"icon_id": "3422518", | |||||
"name": "柱形图", | |||||
"font_class": "bar", | |||||
"unicode": "e60d", | |||||
"unicode_decimal": 58893 | |||||
}, | |||||
{ | |||||
"icon_id": "3491911", | |||||
"name": "饼图", | |||||
"font_class": "pie", | |||||
"unicode": "e600", | |||||
"unicode_decimal": 58880 | |||||
}, | |||||
{ | |||||
"icon_id": "3775268", | |||||
"name": "进度条", | |||||
"font_class": "progress", | |||||
"unicode": "e64d", | |||||
"unicode_decimal": 58957 | |||||
}, | |||||
{ | |||||
"icon_id": "4381605", | |||||
"name": "折线图", | |||||
"font_class": "line", | |||||
"unicode": "e608", | |||||
"unicode_decimal": 58888 | |||||
}, | |||||
{ | |||||
"icon_id": "4707743", | |||||
"name": "轮播图", | |||||
"font_class": "banner", | |||||
"unicode": "e614", | |||||
"unicode_decimal": 58900 | |||||
}, | |||||
{ | |||||
"icon_id": "4911471", | |||||
"name": "翻牌器", | |||||
"font_class": "flop", | |||||
"unicode": "e683", | |||||
"unicode_decimal": 59011 | |||||
}, | |||||
{ | |||||
"icon_id": "4911480", | |||||
"name": "跑马灯", | |||||
"font_class": "scroll", | |||||
"unicode": "e688", | |||||
"unicode_decimal": 59016 | |||||
}, | |||||
{ | |||||
"icon_id": "6291818", | |||||
"name": "表格", | |||||
"font_class": "table", | |||||
"unicode": "e651", | |||||
"unicode_decimal": 58961 | |||||
}, | |||||
{ | |||||
"icon_id": "6417244", | |||||
"name": "时间", | |||||
"font_class": "datetime", | |||||
"unicode": "e607", | |||||
"unicode_decimal": 58887 | |||||
}, | |||||
{ | |||||
"icon_id": "7732218", | |||||
"name": "文本", | |||||
"font_class": "text", | |||||
"unicode": "e605", | |||||
"unicode_decimal": 58885 | |||||
} | |||||
] | |||||
} |
@@ -0,0 +1,47 @@ | |||||
const testComponents = { | |||||
template: ` | |||||
<div :style="[styleSizeName,styleName]" | |||||
:class="className"> | |||||
<div :style="styleChartName"> | |||||
<h2>自定义组件</h2><br /> | |||||
<h3>我是参数:{{option}}</h3><br /> | |||||
<h3>data:{{dataChart}}</h3><br /> | |||||
<h3>params:{{(dataAxios.config || {}).params}}</h3><br /> | |||||
</div> | |||||
</div> | |||||
`, | |||||
name: 'test', | |||||
props: { | |||||
option: Object, | |||||
component: Object | |||||
}, | |||||
computed: { | |||||
styleName () { | |||||
return { | |||||
fontSize: this.fontSize, | |||||
color: this.color | |||||
} | |||||
}, | |||||
color () { | |||||
return this.option.color || '#fff' | |||||
}, | |||||
fontSize () { | |||||
return (this.option.fontSize || 30) + 'px' | |||||
} | |||||
} | |||||
} | |||||
const testOption = { | |||||
template: ` | |||||
<div> | |||||
<el-form-item label="字体大小"> | |||||
<avue-input-number v-model="main.activeOption.fontSize"></avue-input-number> | |||||
</el-form-item> | |||||
<el-form-item label="字体颜色"> | |||||
<avue-input-color v-model="main.activeOption.color"></avue-input-color> | |||||
</el-form-item> | |||||
</div> | |||||
`, | |||||
name: 'test', | |||||
inject: ["main"] | |||||
} |
@@ -0,0 +1,169 @@ | |||||
var theme_avue = { | |||||
"version": 1, | |||||
"themeName": "avue", | |||||
"theme": { | |||||
"seriesCnt": "4", | |||||
"backgroundColor": "rgba(0,0,0,0)", | |||||
"titleColor": "#516b91", | |||||
"subtitleColor": "#93b7e3", | |||||
"textColorShow": false, | |||||
"textColor": "#333", | |||||
"markTextColor": "#eee", | |||||
"color": [ | |||||
"#83bff6", | |||||
"#23b7e5", | |||||
"#188df0", | |||||
"#564aa3", | |||||
"#a5e7f0", | |||||
"#cbb0e3" | |||||
], | |||||
"borderColor": "#ccc", | |||||
"borderWidth": 0, | |||||
"visualMapColor": [ | |||||
"#83bff6", | |||||
"#23b7e5", | |||||
"#188df0", | |||||
"#564aa3" | |||||
], | |||||
"legendTextColor": "#999999", | |||||
"kColor": "#edafda", | |||||
"kColor0": "transparent", | |||||
"kBorderColor": "#d680bc", | |||||
"kBorderColor0": "#8fd3e8", | |||||
"kBorderWidth": "2", | |||||
"lineWidth": "2", | |||||
"symbolSize": "6", | |||||
"symbol": "emptyCircle", | |||||
"symbolBorderWidth": "2", | |||||
"lineSmooth": true, | |||||
"graphLineWidth": 1, | |||||
"graphLineColor": "#aaa", | |||||
"mapLabelColor": "#000000", | |||||
"mapLabelColorE": "rgb(81,107,145)", | |||||
"mapBorderColor": "#516b91", | |||||
"mapBorderColorE": "#516b91", | |||||
"mapBorderWidth": 0.5, | |||||
"mapBorderWidthE": 1, | |||||
"mapAreaColor": "#f3f3f3", | |||||
"mapAreaColorE": "rgba(165,231,240,1)", | |||||
"axes": [{ | |||||
"type": "all", | |||||
"name": "通用坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#cccccc", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#999999", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#eeeeee" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(80,36,204,0.05)", | |||||
"rgba(223,35,35,0.02)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "category", | |||||
"name": "类目坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": false, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "value", | |||||
"name": "数值坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "log", | |||||
"name": "对数坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "time", | |||||
"name": "时间坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
} | |||||
], | |||||
"axisSeperateSetting": true, | |||||
"toolboxColor": "#999999", | |||||
"toolboxEmpasisColor": "#666666", | |||||
"tooltipAxisColor": "#f9dbdb", | |||||
"tooltipAxisWidth": 1, | |||||
"timelineLineColor": "#8fd3e8", | |||||
"timelineLineWidth": 1, | |||||
"timelineItemColor": "#8fd3e8", | |||||
"timelineItemColorE": "#8fd3e8", | |||||
"timelineCheckColor": "#8fd3e8", | |||||
"timelineCheckBorderColor": "rgba(138,124,168,0.37)", | |||||
"timelineItemBorderWidth": 1, | |||||
"timelineControlColor": "#213dbc", | |||||
"timelineControlBorderColor": "#8fd3e8", | |||||
"timelineControlBorderWidth": 0.5, | |||||
"timelineLabelColor": "#8fd3e8", | |||||
"datazoomBackgroundColor": "rgba(0,0,0,0)", | |||||
"datazoomDataColor": "rgba(255,255,255,0.3)", | |||||
"datazoomFillColor": "rgba(167,183,204,0.4)", | |||||
"datazoomHandleColor": "#2472d9", | |||||
"datazoomHandleWidth": "100", | |||||
"datazoomLabelColor": "#333333" | |||||
} | |||||
} | |||||
window.echarts.registerTheme(theme_avue.themeName, theme_avue.theme) |
@@ -0,0 +1,181 @@ | |||||
var theme_macarons = { | |||||
"version": 1, | |||||
"themeName": "macarons", | |||||
"theme": { | |||||
"seriesCnt": "4", | |||||
"backgroundColor": "rgba(0,0,0,0)", | |||||
"titleColor": "#008acd", | |||||
"subtitleColor": "#aaaaaa", | |||||
"textColorShow": false, | |||||
"textColor": "#333", | |||||
"markTextColor": "#eeeeee", | |||||
"color": [ | |||||
"#2ec7c9", | |||||
"#b6a2de", | |||||
"#5ab1ef", | |||||
"#ffb980", | |||||
"#d87a80", | |||||
"#8d98b3", | |||||
"#e5cf0d", | |||||
"#97b552", | |||||
"#95706d", | |||||
"#dc69aa", | |||||
"#07a2a4", | |||||
"#9a7fd1", | |||||
"#588dd5", | |||||
"#f5994e", | |||||
"#c05050", | |||||
"#59678c", | |||||
"#c9ab00", | |||||
"#7eb00a", | |||||
"#6f5553", | |||||
"#c14089" | |||||
], | |||||
"borderColor": "#ccc", | |||||
"borderWidth": 0, | |||||
"visualMapColor": [ | |||||
"#5ab1ef", | |||||
"#e0ffff" | |||||
], | |||||
"legendTextColor": "#333333", | |||||
"kColor": "#d87a80", | |||||
"kColor0": "#2ec7c9", | |||||
"kBorderColor": "#d87a80", | |||||
"kBorderColor0": "#2ec7c9", | |||||
"kBorderWidth": 1, | |||||
"lineWidth": 2, | |||||
"symbolSize": 3, | |||||
"symbol": "emptyCircle", | |||||
"symbolBorderWidth": 1, | |||||
"lineSmooth": true, | |||||
"graphLineWidth": 1, | |||||
"graphLineColor": "#aaaaaa", | |||||
"mapLabelColor": "#d87a80", | |||||
"mapLabelColorE": "rgb(100,0,0)", | |||||
"mapBorderColor": "#eeeeee", | |||||
"mapBorderColorE": "#444444", | |||||
"mapBorderWidth": 0.5, | |||||
"mapBorderWidthE": 1, | |||||
"mapAreaColor": "#dddddd", | |||||
"mapAreaColorE": "rgba(254,153,78,1)", | |||||
"axes": [{ | |||||
"type": "all", | |||||
"name": "通用坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#eeeeee", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#eeeeee", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#eeeeee", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#aaaaaa" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"#eeeeee" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "category", | |||||
"name": "类目坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#008acd", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": false, | |||||
"splitLineColor": [ | |||||
"#eee" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "value", | |||||
"name": "数值坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#008acd", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#eee" | |||||
], | |||||
"splitAreaShow": true, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "log", | |||||
"name": "对数坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#008acd", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#eee" | |||||
], | |||||
"splitAreaShow": true, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "time", | |||||
"name": "时间坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#008acd", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#eee" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
} | |||||
], | |||||
"axisSeperateSetting": true, | |||||
"toolboxColor": "#2ec7c9", | |||||
"toolboxEmpasisColor": "#18a4a6", | |||||
"tooltipAxisColor": "#008acd", | |||||
"tooltipAxisWidth": "1", | |||||
"timelineLineColor": "#008acd", | |||||
"timelineLineWidth": 1, | |||||
"timelineItemColor": "#008acd", | |||||
"timelineItemColorE": "#a9334c", | |||||
"timelineCheckColor": "#2ec7c9", | |||||
"timelineCheckBorderColor": "rgba(46,199,201,0.4)", | |||||
"timelineItemBorderWidth": 1, | |||||
"timelineControlColor": "#008acd", | |||||
"timelineControlBorderColor": "#008acd", | |||||
"timelineControlBorderWidth": 0.5, | |||||
"timelineLabelColor": "#008acd", | |||||
"datazoomBackgroundColor": "rgba(47,69,84,0)", | |||||
"datazoomDataColor": "rgba(239,239,255,1)", | |||||
"datazoomFillColor": "rgba(182,162,222,0.2)", | |||||
"datazoomHandleColor": "#008acd", | |||||
"datazoomHandleWidth": "100", | |||||
"datazoomLabelColor": "#333333" | |||||
} | |||||
} | |||||
window.echarts.registerTheme(theme_macarons.themeName, theme_macarons.theme) |
@@ -0,0 +1,168 @@ | |||||
var theme_wonderland = { | |||||
"version": 1, | |||||
"themeName": "wonderland", | |||||
"theme": { | |||||
"seriesCnt": "3", | |||||
"backgroundColor": "rgba(255,255,255,0)", | |||||
"titleColor": "#666666", | |||||
"subtitleColor": "#999999", | |||||
"textColorShow": false, | |||||
"textColor": "#333", | |||||
"markTextColor": "#ffffff", | |||||
"color": [ | |||||
"#4ea397", | |||||
"#22c3aa", | |||||
"#7bd9a5", | |||||
"#d0648a", | |||||
"#f58db2", | |||||
"#f2b3c9" | |||||
], | |||||
"borderColor": "#ccc", | |||||
"borderWidth": 0, | |||||
"visualMapColor": [ | |||||
"#d0648a", | |||||
"#22c3aa", | |||||
"#adfff1" | |||||
], | |||||
"legendTextColor": "#999999", | |||||
"kColor": "#d0648a", | |||||
"kColor0": "transparent", | |||||
"kBorderColor": "#d0648a", | |||||
"kBorderColor0": "#22c3aa", | |||||
"kBorderWidth": "1", | |||||
"lineWidth": "3", | |||||
"symbolSize": "8", | |||||
"symbol": "emptyCircle", | |||||
"symbolBorderWidth": "2", | |||||
"lineSmooth": false, | |||||
"graphLineWidth": "1", | |||||
"graphLineColor": "#cccccc", | |||||
"mapLabelColor": "#28544e", | |||||
"mapLabelColorE": "rgb(52,158,142)", | |||||
"mapBorderColor": "#999999", | |||||
"mapBorderColorE": "#22c3aa", | |||||
"mapBorderWidth": 0.5, | |||||
"mapBorderWidthE": 1, | |||||
"mapAreaColor": "#eeeeee", | |||||
"mapAreaColorE": "rgba(34,195,170,0.25)", | |||||
"axes": [{ | |||||
"type": "all", | |||||
"name": "通用坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#cccccc", | |||||
"axisTickShow": false, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#999999", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#eeeeee" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.05)", | |||||
"rgba(200,200,200,0.02)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "category", | |||||
"name": "类目坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": false, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "value", | |||||
"name": "数值坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "log", | |||||
"name": "对数坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
}, | |||||
{ | |||||
"type": "time", | |||||
"name": "时间坐标轴", | |||||
"axisLineShow": true, | |||||
"axisLineColor": "#333", | |||||
"axisTickShow": true, | |||||
"axisTickColor": "#333", | |||||
"axisLabelShow": true, | |||||
"axisLabelColor": "#333", | |||||
"splitLineShow": true, | |||||
"splitLineColor": [ | |||||
"#ccc" | |||||
], | |||||
"splitAreaShow": false, | |||||
"splitAreaColor": [ | |||||
"rgba(250,250,250,0.3)", | |||||
"rgba(200,200,200,0.3)" | |||||
] | |||||
} | |||||
], | |||||
"axisSeperateSetting": false, | |||||
"toolboxColor": "#999999", | |||||
"toolboxEmpasisColor": "#666666", | |||||
"tooltipAxisColor": "#cccccc", | |||||
"tooltipAxisWidth": 1, | |||||
"timelineLineColor": "#4ea397", | |||||
"timelineLineWidth": 1, | |||||
"timelineItemColor": "#4ea397", | |||||
"timelineItemColorE": "#4ea397", | |||||
"timelineCheckColor": "#4ea397", | |||||
"timelineCheckBorderColor": "rgba(60,235,210,0.3)", | |||||
"timelineItemBorderWidth": 1, | |||||
"timelineControlColor": "#4ea397", | |||||
"timelineControlBorderColor": "#4ea397", | |||||
"timelineControlBorderWidth": 0.5, | |||||
"timelineLabelColor": "#4ea397", | |||||
"datazoomBackgroundColor": "rgba(255,255,255,0)", | |||||
"datazoomDataColor": "rgba(222,222,222,1)", | |||||
"datazoomFillColor": "rgba(114,230,212,0.25)", | |||||
"datazoomHandleColor": "#cccccc", | |||||
"datazoomHandleWidth": "100", | |||||
"datazoomLabelColor": "#999999" | |||||
} | |||||
} | |||||
window.echarts.registerTheme(theme_wonderland.themeName, theme_wonderland.theme) |