function getChartColorsArray(t) {
	if (null !== document.getElementById(t)) return t = document.getElementById(t).getAttribute("data-colors"), (t = JSON.parse(t)).map(function (t) {
		var e = t.replace(" ", "");
		return -1 === e.indexOf(",") ? getComputedStyle(document.documentElement).getPropertyValue(e) || e : 2 == (t = t.split(",")).length ? "rgba(" + getComputedStyle(document.documentElement).getPropertyValue(t[0]) + "," + t[1] + ")" : e
	})
}
var posList, labelOption, data, chartDom, myChart, option, chartLineColors = getChartColorsArray("chart-line"),
	chartLineStackedColors = (chartLineColors && (chartDom = document.getElementById("chart-line"), myChart = echarts.init(chartDom), (option = {
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			top: "4%",
			containLabel: !0
		},
		xAxis: {
			type: "category",
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		},
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		series: [{
			data: [150, 230, 224, 218, 135, 147, 260],
			type: "line"
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartLineColors
	}) && "object" == typeof option && option && myChart.setOption(option)), getChartColorsArray("chart-line-stacked")),
	chartAreaColors = (chartLineStackedColors && (chartDom = document.getElementById("chart-line-stacked"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "axis"
		},
		legend: {
			data: ["Email", "Union Ads", "Video Ads", "Direct", "Search Engine"],
			textStyle: {
				color: "#858d98"
			}
		},
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			containLabel: !0
		},
		toolbox: {
			feature: {
				saveAsImage: {}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		xAxis: {
			type: "category",
			boundaryGap: !1,
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		},
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		series: [{
			name: "Email",
			type: "line",
			stack: "Total",
			data: [120, 132, 101, 134, 90, 230, 210]
		}, {
			name: "Union Ads",
			type: "line",
			stack: "Total",
			data: [220, 182, 191, 234, 290, 330, 310]
		}, {
			name: "Video Ads",
			type: "line",
			stack: "Total",
			data: [150, 232, 201, 154, 190, 330, 410]
		}, {
			name: "Direct",
			type: "line",
			stack: "Total",
			data: [320, 332, 301, 334, 390, 330, 320]
		}, {
			name: "Search Engine",
			type: "line",
			stack: "Total",
			data: [820, 932, 901, 934, 1290, 1330, 1320]
		}],
		color: chartLineStackedColors
	}) && myChart.setOption(option)), getChartColorsArray("chart-area")),
	chartAreaStackedColors = (chartAreaColors && (chartDom = document.getElementById("chart-area"), myChart = echarts.init(chartDom), (option = {
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			top: "4%",
			containLabel: !0
		},
		xAxis: {
			type: "category",
			boundaryGap: !1,
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		},
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		series: [{
			data: [820, 932, 901, 934, 1290, 1330, 1320],
			type: "line",
			areaStyle: {}
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartAreaColors[0],
		backgroundColor: chartAreaColors[1]
	}) && myChart.setOption(option)), getChartColorsArray("chart-area-stacked")),
	chartStepLineColors = (chartAreaStackedColors && (chartDom = document.getElementById("chart-area-stacked"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "cross",
				label: {
					backgroundColor: "#6a7985"
				}
			}
		},
		legend: {
			data: ["Email", "Union Ads", "Video Ads", "Direct", "Search Engine"],
			textStyle: {
				color: "#858d98"
			}
		},
		toolbox: {
			feature: {
				saveAsImage: {}
			}
		},
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			containLabel: !0
		},
		xAxis: [{
			type: "category",
			boundaryGap: !1,
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		}],
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartAreaStackedColors,
		series: [{
			name: "Email",
			type: "line",
			stack: "Total",
			areaStyle: {},
			emphasis: {
				focus: "series"
			},
			data: [120, 132, 101, 134, 90, 230, 210]
		}, {
			name: "Union Ads",
			type: "line",
			stack: "Total",
			areaStyle: {},
			emphasis: {
				focus: "series"
			},
			data: [220, 182, 191, 234, 290, 330, 310]
		}, {
			name: "Video Ads",
			type: "line",
			stack: "Total",
			areaStyle: {},
			emphasis: {
				focus: "series"
			},
			data: [150, 232, 201, 154, 190, 330, 410]
		}, {
			name: "Direct",
			type: "line",
			stack: "Total",
			areaStyle: {},
			emphasis: {
				focus: "series"
			},
			data: [320, 332, 301, 334, 390, 330, 320]
		}, {
			name: "Search Engine",
			type: "line",
			stack: "Total",
			label: {
				show: !0,
				position: "top"
			},
			areaStyle: {},
			emphasis: {
				focus: "series"
			},
			data: [820, 932, 901, 934, 1290, 1330, 1320]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-step-line")),
	chartLineYColors = (chartStepLineColors && (chartDom = document.getElementById("chart-step-line"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "axis"
		},
		legend: {
			data: ["Step Start", "Step Middle", "Step End"],
			textStyle: {
				color: "#858d98"
			}
		},
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			containLabel: !0
		},
		toolbox: {
			feature: {
				saveAsImage: {}
			}
		},
		xAxis: {
			type: "category",
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		},
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartStepLineColors,
		series: [{
			name: "Step Start",
			type: "line",
			step: "start",
			data: [120, 132, 101, 134, 90, 230, 210]
		}, {
			name: "Step Middle",
			type: "line",
			step: "middle",
			data: [220, 282, 201, 234, 290, 430, 410]
		}, {
			name: "Step End",
			type: "line",
			step: "end",
			data: [450, 432, 401, 454, 590, 530, 510]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-line-y-category")),
	chartBarColors = (chartLineYColors && (chartDom = document.getElementById("chart-line-y-category"), myChart = echarts.init(chartDom), (option = {
		legend: {
			data: ["Altitude (km) vs. temperature (°C)"],
			textStyle: {
				color: "#858d98"
			}
		},
		tooltip: {
			trigger: "axis",
			formatter: "Temperature : <br/>{b}km : {c}°C"
		},
		grid: {
			left: "1%",
			right: "0%",
			bottom: "0%",
			containLabel: !0
		},
		xAxis: {
			type: "value",
			axisLabel: {
				formatter: "{value} °C"
			},
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		yAxis: {
			type: "category",
			axisLine: {
				onZero: !1,
				lineStyle: {
					color: "#858d98"
				}
			},
			axisLabel: {
				formatter: "{value} km"
			},
			boundaryGap: !1,
			data: ["0", "10", "20", "30", "40", "50", "60", "70", "80"],
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartLineYColors,
		series: [{
			name: "Altitude (km) vs. temperature (°C)",
			type: "line",
			symbolSize: 10,
			symbol: "circle",
			smooth: !0,
			lineStyle: {
				width: 3,
				shadowColor: "rgba(0,0,0,0.3)",
				shadowBlur: 10,
				shadowOffsetY: 8
			},
			data: [15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-bar")),
	app = (chartBarColors && (chartDom = document.getElementById("chart-bar"), myChart = echarts.init(chartDom), (option = {
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			top: "3%",
			containLabel: !0
		},
		xAxis: {
			type: "category",
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		},
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartBarColors,
		series: [{
			data: [120, 200, 150, 80, 70, 110, 130],
			type: "bar",
			showBackground: !0,
			backgroundStyle: {
				color: "rgba(180, 180, 180, 0.2)"
			}
		}]
	}) && myChart.setOption(option)), {}),
	chartBarLabelRotationColors = getChartColorsArray("chart-bar-label-rotation"),
	chartBarHorizontalColors = (chartBarLabelRotationColors && (chartDom = document.getElementById("chart-bar-label-rotation"), myChart = echarts.init(chartDom), app.configParameters = {
		rotate: {
			min: -90,
			max: 90
		},
		align: {
			options: {
				left: "left",
				center: "center",
				right: "right"
			}
		},
		verticalAlign: {
			options: {
				top: "top",
				middle: "middle",
				bottom: "bottom"
			}
		},
		position: {
			options: (posList = ["left", "right", "top", "bottom", "inside", "insideTop", "insideLeft", "insideRight", "insideBottom", "insideTopLeft", "insideTopRight", "insideBottomLeft", "insideBottomRight"]).reduce(function (t, e) {
				return t[e] = e, t
			}, {})
		},
		distance: {
			min: 0,
			max: 100
		}
	}, app.config = {
		rotate: 90,
		align: "left",
		verticalAlign: "middle",
		position: "insideBottom",
		distance: 15,
		onChange: function () {
			var t = {
				rotate: app.config.rotate,
				align: app.config.align,
				verticalAlign: app.config.verticalAlign,
				position: app.config.position,
				distance: app.config.distance
			};
			myChart.setOption({
				series: [{
					label: t
				}, {
					label: t
				}, {
					label: t
				}, {
					label: t
				}]
			})
		}
	}, (option = {
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			containLabel: !0
		},
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "shadow"
			}
		},
		legend: {
			data: ["Forest", "Steppe", "Desert", "Wetland"],
			textStyle: {
				color: "#858d98"
			}
		},
		color: chartBarLabelRotationColors,
		toolbox: {
			show: !0,
			orient: "vertical",
			left: "right",
			top: "center",
			feature: {
				mark: {
					show: !0
				},
				dataView: {
					show: !0,
					readOnly: !(labelOption = {
						show: !0,
						position: app.config.position,
						distance: app.config.distance,
						align: app.config.align,
						verticalAlign: app.config.verticalAlign,
						rotate: app.config.rotate,
						formatter: "{c}  {name|{a}}",
						fontSize: 16,
						rich: {
							name: {}
						}
					})
				},
				magicType: {
					show: !0,
					type: ["line", "bar", "stack"]
				},
				restore: {
					show: !0
				},
				saveAsImage: {
					show: !0
				}
			}
		},
		xAxis: [{
			type: "category",
			axisTick: {
				show: !1
			},
			data: ["2012", "2013", "2014", "2015", "2016"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			}
		}],
		yAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		series: [{
			name: "Forest",
			type: "bar",
			barGap: 0,
			label: labelOption,
			emphasis: {
				focus: "series"
			},
			data: [320, 332, 301, 334, 390]
		}, {
			name: "Steppe",
			type: "bar",
			label: labelOption,
			emphasis: {
				focus: "series"
			},
			data: [220, 182, 191, 234, 290]
		}, {
			name: "Desert",
			type: "bar",
			label: labelOption,
			emphasis: {
				focus: "series"
			},
			data: [150, 232, 201, 154, 190]
		}, {
			name: "Wetland",
			type: "bar",
			label: labelOption,
			emphasis: {
				focus: "series"
			},
			data: [98, 77, 101, 99, 40]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-horizontal-bar")),
	chartBarStackedColors = (chartBarHorizontalColors && (chartDom = document.getElementById("chart-horizontal-bar"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "shadow"
			}
		},
		legend: {
			textStyle: {
				color: "#858d98"
			}
		},
		grid: {
			left: "0%",
			right: "4%",
			bottom: "0%",
			containLabel: !0
		},
		xAxis: {
			type: "value",
			boundaryGap: [0, .01],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		yAxis: {
			type: "category",
			data: ["Brazil", "Indonesia", "USA", "India", "China", "World"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		color: chartBarHorizontalColors,
		series: [{
			name: "2011",
			type: "bar",
			data: [18203, 23489, 29034, 104970, 131744, 630230]
		}, {
			name: "2012",
			type: "bar",
			data: [19325, 23438, 31e3, 121594, 134141, 681807]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-horizontal-bar-stacked")),
	chartPieColors = (chartBarStackedColors && (chartDom = document.getElementById("chart-horizontal-bar-stacked"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "axis",
			axisPointer: {
				type: "shadow"
			}
		},
		legend: {
			textStyle: {
				color: "#858d98"
			}
		},
		grid: {
			left: "1%",
			right: "3%",
			bottom: "0%",
			containLabel: !0
		},
		xAxis: {
			type: "value",
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		color: chartBarStackedColors,
		yAxis: {
			type: "category",
			data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		series: [{
			name: "Direct",
			type: "bar",
			stack: "total",
			label: {
				show: !0
			},
			emphasis: {
				focus: "series"
			},
			data: [320, 302, 301, 334, 390, 330, 320]
		}, {
			name: "Mail Ad",
			type: "bar",
			stack: "total",
			label: {
				show: !0
			},
			emphasis: {
				focus: "series"
			},
			data: [120, 132, 101, 134, 90, 230, 210]
		}, {
			name: "Affiliate Ad",
			type: "bar",
			stack: "total",
			label: {
				show: !0
			},
			emphasis: {
				focus: "series"
			},
			data: [220, 182, 191, 234, 290, 330, 310]
		}, {
			name: "Video Ad",
			type: "bar",
			stack: "total",
			label: {
				show: !0
			},
			emphasis: {
				focus: "series"
			},
			data: [150, 212, 201, 154, 190, 330, 410]
		}, {
			name: "Search Engine",
			type: "bar",
			stack: "total",
			label: {
				show: !0
			},
			emphasis: {
				focus: "series"
			},
			data: [820, 832, 901, 934, 1290, 1330, 1320]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-pie")),
	chartDoughnutColors = (chartPieColors && (chartDom = document.getElementById("chart-pie"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "item"
		},
		legend: {
			orient: "vertical",
			left: "left",
			textStyle: {
				color: "#858d98"
			}
		},
		color: chartPieColors,
		series: [{
			name: "Access From",
			type: "pie",
			radius: "50%",
			data: [{
				value: 1048,
				name: "Search Engine"
			}, {
				value: 735,
				name: "Direct"
			}, {
				value: 580,
				name: "Email"
			}, {
				value: 484,
				name: "Union Ads"
			}, {
				value: 300,
				name: "Video Ads"
			}],
			emphasis: {
				itemStyle: {
					shadowBlur: 10,
					shadowOffsetX: 0,
					shadowColor: "rgba(0, 0, 0, 0.5)"
				}
			}
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-doughnut")),
	chartScatterColors = (chartDoughnutColors && (chartDom = document.getElementById("chart-doughnut"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "item"
		},
		legend: {
			top: "5%",
			left: "center",
			textStyle: {
				color: "#858d98"
			}
		},
		color: chartDoughnutColors,
		series: [{
			name: "Access From",
			type: "pie",
			radius: ["40%", "70%"],
			avoidLabelOverlap: !1,
			label: {
				show: !1,
				position: "center"
			},
			emphasis: {
				label: {
					show: !0,
					fontSize: "16",
					fontWeight: "bold"
				}
			},
			labelLine: {
				show: !1
			},
			data: [{
				value: 1048,
				name: "Search Engine"
			}, {
				value: 735,
				name: "Direct"
			}, {
				value: 580,
				name: "Email"
			}, {
				value: 484,
				name: "Union Ads"
			}, {
				value: 300,
				name: "Video Ads"
			}]
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-scatter")),
	chartCandlestickColors = (chartScatterColors && (chartDom = document.getElementById("chart-scatter"), myChart = echarts.init(chartDom), (option = {
		grid: {
			left: "1%",
			right: "0%",
			bottom: "0%",
			top: "2%",
			containLabel: !0
		},
		xAxis: {
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		yAxis: {
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		series: [{
			symbolSize: 12,
			data: [
				[10, 8.04],
				[8.07, 6.95],
				[13, 7.58],
				[9.05, 8.81],
				[11, 8.33],
				[14, 7.66],
				[13.4, 6.81],
				[10, 6.33],
				[14, 8.96],
				[12.5, 6.82],
				[9.15, 7.2],
				[11.5, 7.2],
				[3.03, 4.23],
				[12.2, 7.83],
				[2.02, 4.47],
				[1.05, 3.33],
				[4.05, 4.96],
				[6.03, 7.24],
				[12, 6.26],
				[12, 8.84],
				[7.08, 5.82],
				[5.02, 5.68]
			],
			type: "scatter"
		}],
		color: chartScatterColors
	}) && myChart.setOption(option)), getChartColorsArray("chart-candlestick")),
	chartGraphColors = (chartCandlestickColors && (chartDom = document.getElementById("chart-candlestick"), myChart = echarts.init(chartDom), (option = {
		grid: {
			left: "1%",
			right: "0%",
			bottom: "0%",
			top: "2%",
			containLabel: !0
		},
		xAxis: {
			data: ["2017-10-24", "2017-10-25", "2017-10-26", "2017-10-27"],
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		yAxis: {
			axisLine: {
				lineStyle: {
					color: "#858d98"
				}
			},
			splitLine: {
				lineStyle: {
					color: "rgba(133, 141, 152, 0.1)"
				}
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		series: [{
			type: "candlestick",
			data: [
				[20, 34, 10, 38],
				[40, 35, 30, 50],
				[31, 38, 33, 44],
				[38, 15, 5, 42]
			],
			itemStyle: {
				normal: {
					color: chartCandlestickColors[0],
					color0: chartCandlestickColors[1],
					borderColor: chartCandlestickColors[0],
					borderColor0: chartCandlestickColors[1]
				}
			}
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-graph")),
	chartTreemapColors = (chartGraphColors && (chartDom = document.getElementById("chart-graph"), myChart = echarts.init(chartDom), (option = {
		tooltip: {},
		animationDurationUpdate: 1500,
		animationEasingUpdate: "quinticInOut",
		color: chartGraphColors,
		series: [{
			type: "graph",
			layout: "none",
			symbolSize: 50,
			roam: !0,
			label: {
				show: !0
			},
			edgeSymbol: ["circle", "arrow"],
			edgeSymbolSize: [4, 10],
			edgeLabel: {
				fontSize: 20
			},
			data: [{
				name: "Node 1",
				x: 300,
				y: 300
			}, {
				name: "Node 2",
				x: 800,
				y: 300
			}, {
				name: "Node 3",
				x: 550,
				y: 100
			}, {
				name: "Node 4",
				x: 550,
				y: 500
			}],
			links: [{
				source: 0,
				target: 1,
				symbolSize: [5, 20],
				label: {
					show: !0
				},
				lineStyle: {
					width: 5,
					curveness: .2
				}
			}, {
				source: "Node 2",
				target: "Node 1",
				label: {
					show: !0
				},
				lineStyle: {
					curveness: .2
				}
			}, {
				source: "Node 1",
				target: "Node 3"
			}, {
				source: "Node 2",
				target: "Node 3"
			}, {
				source: "Node 2",
				target: "Node 4"
			}, {
				source: "Node 1",
				target: "Node 4"
			}],
			lineStyle: {
				opacity: .9,
				width: 2,
				curveness: 0
			}
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-treemap")),
	chartSunburstColors = (chartTreemapColors && (chartDom = document.getElementById("chart-treemap"), myChart = echarts.init(chartDom), (option = {
		color: chartTreemapColors,
		series: [{
			type: "treemap",
			data: [{
				name: "nodeA",
				value: 10,
				children: [{
					name: "nodeAa",
					value: 4
				}, {
					name: "nodeAb",
					value: 6
				}]
			}, {
				name: "nodeB",
				value: 20,
				children: [{
					name: "nodeBa",
					value: 20,
					children: [{
						name: "nodeBa1",
						value: 20
					}]
				}]
			}]
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-sunburst")),
	chartParallelColors = (chartSunburstColors && (chartDom = document.getElementById("chart-sunburst"), myChart = echarts.init(chartDom), (option = {
		color: chartSunburstColors,
		series: {
			type: "sunburst",
			data: data = [{
				name: "Grandpa",
				children: [{
					name: "Uncle Leo",
					value: 15,
					children: [{
						name: "Cousin Jack",
						value: 2
					}, {
						name: "Cousin Mary",
						value: 5,
						children: [{
							name: "Jackson",
							value: 2
						}]
					}, {
						name: "Cousin Ben",
						value: 4
					}]
				}, {
					name: "Father",
					value: 10,
					children: [{
						name: "Me",
						value: 5
					}, {
						name: "Brother Peter",
						value: 1
					}]
				}]
			}, {
				name: "Nancy",
				children: [{
					name: "Uncle Nike",
					children: [{
						name: "Cousin Betty",
						value: 1
					}, {
						name: "Cousin Jenny",
						value: 2
					}]
				}]
			}],
			radius: [0, "90%"],
			label: {
				rotate: "radial"
			}
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-parallel")),
	chartSankeyColors = (chartParallelColors && (chartDom = document.getElementById("chart-parallel"), myChart = echarts.init(chartDom), (option = {
		parallelAxis: [{
			dim: 0,
			name: "Price"
		}, {
			dim: 1,
			name: "Net Weight"
		}, {
			dim: 2,
			name: "Amount"
		}, {
			dim: 3,
			name: "Score",
			type: "category",
			data: ["Excellent", "Good", "OK", "Bad"]
		}],
		grid: {
			left: "0%",
			right: "0%",
			bottom: "0%",
			top: "2%",
			containLabel: !0
		},
		color: chartParallelColors,
		series: {
			type: "parallel",
			lineStyle: {
				width: 4
			},
			data: [
				[12.99, 100, 82, "Good"],
				[9.99, 80, 77, "OK"],
				[20, 120, 60, "Excellent"]
			]
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-sankey")),
	chartFunnelColors = (chartSankeyColors && (chartDom = document.getElementById("chart-sankey"), myChart = echarts.init(chartDom), (option = {
		color: chartSankeyColors,
		series: {
			type: "sankey",
			layout: "none",
			emphasis: {
				focus: "adjacency"
			},
			data: [{
				name: "a"
			}, {
				name: "b"
			}, {
				name: "a1"
			}, {
				name: "a2"
			}, {
				name: "b1"
			}, {
				name: "c"
			}],
			links: [{
				source: "a",
				target: "a1",
				value: 5
			}, {
				source: "a",
				target: "a2",
				value: 3
			}, {
				source: "b",
				target: "b1",
				value: 8
			}, {
				source: "a",
				target: "b1",
				value: 3
			}, {
				source: "b1",
				target: "a1",
				value: 1
			}, {
				source: "b1",
				target: "c",
				value: 2
			}]
		},
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-sankey")),
	chartGaugeColors = (chartFunnelColors && (chartDom = document.getElementById("chart-funnel"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			trigger: "item",
			formatter: "{a} <br/>{b} : {c}%"
		},
		toolbox: {
			feature: {
				dataView: {
					readOnly: !1
				},
				restore: {},
				saveAsImage: {}
			}
		},
		legend: {
			data: ["Show", "Click", "Visit", "Inquiry", "Order"],
			textStyle: {
				color: "#858d98"
			}
		},
		color: chartFunnelColors,
		series: [{
			name: "Funnel",
			type: "funnel",
			left: "10%",
			top: 60,
			bottom: 60,
			width: "80%",
			min: 0,
			max: 100,
			minSize: "0%",
			maxSize: "100%",
			sort: "descending",
			gap: 2,
			label: {
				show: !0,
				position: "inside"
			},
			labelLine: {
				length: 10,
				lineStyle: {
					width: 1,
					type: "solid"
				}
			},
			itemStyle: {
				borderColor: "#fff",
				borderWidth: 1
			},
			emphasis: {
				label: {
					fontSize: 20
				}
			},
			data: [{
				value: 60,
				name: "Visit"
			}, {
				value: 40,
				name: "Inquiry"
			}, {
				value: 20,
				name: "Order"
			}, {
				value: 80,
				name: "Click"
			}, {
				value: 100,
				name: "Show"
			}]
		}],
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		}
	}) && myChart.setOption(option)), getChartColorsArray("chart-gauge")),
	chartHeatmapColors = (chartGaugeColors && (chartDom = document.getElementById("chart-gauge"), myChart = echarts.init(chartDom), (option = {
		tooltip: {
			formatter: "{a} <br/>{b} : {c}%"
		},
		color: chartGaugeColors,
		textStyle: {
			fontFamily: "Poppins, sans-serif"
		},
		series: [{
			name: "Pressure",
			type: "gauge",
			progress: {
				show: !0
			},
			detail: {
				valueAnimation: !0,
				formatter: "{value}",
				color: "#858d98"
			},
			axisLabel: {
				color: "#858d98"
			},
			data: [{
				title: {
					color: "#858d98"
				},
				value: 50,
				name: "SCORE"
			}]
		}]
	}) && myChart.setOption(option)), getChartColorsArray("chart-heatmap"));

function getVirtulData(t) {
	t = t || "2017";
	for (var e = +echarts.number.parseDate(t + "-01-01"), a = +echarts.number.parseDate(t + "-12-31"), o = [], r = e; r <= a; r += 864e5) o.push([echarts.format.formatTime("yyyy-MM-dd", r), Math.floor(1e4 * Math.random())]);
	return o
}
chartHeatmapColors && (chartDom = document.getElementById("chart-heatmap"), myChart = echarts.init(chartDom), (option = {
	visualMap: {
		show: !1,
		min: 0,
		max: 1e4
	},
	calendar: {
		range: "2017"
	},
	color: chartHeatmapColors,
	textStyle: {
		fontFamily: "Poppins, sans-serif"
	},
	series: {
		type: "heatmap",
		coordinateSystem: "calendar",
		data: getVirtulData("2017")
	}
}) && myChart.setOption(option));