/*
 * uCharts®
 * 高性能跨平台图表库，支持H5、APP、小程序（微信/支付宝/百度/头条/QQ/360）、Vue、Taro等支持canvas的框架平台
 * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved.
 * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
 * 复制使用请保留本段注释，感谢支持开源！
 *
 * uCharts®官方网站
 * https://www.uCharts.cn
 *
 * 开源地址:
 * https://gitee.com/uCharts/uCharts
 *
 * uni-app插件市场地址：
 * http://ext.dcloud.net.cn/plugin?id=271
 *
 */

// 主题颜色配置：如每个图表类型需要不同主题，请在对应图表类型上更改color属性
const color = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'];

// 四舍五入的保留两位小数的 金额化数字方法
const fmoney = (s, n) => {
	/*
	 * 参数说明：
	 * s：要格式化的数字
	 * n：保留几位小数
	 * */
	n = n > 0 && n <= 20 ? n : 2;
	var fuhao = ''; //如果数字小于零则值为-
	if (s < 0) {
		s = Math.abs(s);
		fuhao = '-'
	}
	s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
	var l = s.split(".")[0].split("").reverse(),
		r = s.split(".")[1];
	let t = "";
	for (let i = 0; i < l.length; i++) {
		t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
	}
	if (n===0){
		return s
	}else{
		return fuhao + [...t].reverse().join("") + "." + r;
	}
}
// 四舍五入不保留小数的 金额化数字方法
const noDecimal = (s) =>{
	let fuhao = ''; //如果数字小于零则值为-
	if (s < 0) {
		s = Math.abs(s);
		fuhao = '-'
	}
	s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + ""
	let  l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
	let t = ''
	for (let i = 0; i < l.length; i++) {
		t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
	}
	return fuhao + [...t].reverse().join("")
}
// 不四舍五入 保留两位小数的金额化方法
const getMoney = (money)=>{
	if (!money || isNaN(money)) return "0.00";
	let num = parseFloat(money + '') + '';
	num = parseInt(money * 100 + '') / 100 + ''

	let reg = /(-?\d+)(\d{3})/;
	while (reg.test(num)) {
		num = num.replace(reg, "$1,$2");
	}

	let idx = num.indexOf('.')
	if (idx === -1) {
		num = num + '.00'
	}

	if (idx > 0) {
		let num_per = num.substring(0, idx) + '.'
		let num_next = num.substring(idx + 1).padEnd(2, '0')
		num = num_per + num_next
	}

	return num;
}
// 不四舍五入 不保留两位小数的金额化方法
const getMoneyNoDecimal = (money)=>{
	if (!money || isNaN(money)) return "0";
	let num = parseFloat(money + '') + '';
	num = parseInt(money * 100 + '') / 100 + ''

	let reg = /(-?\d+)(\d{3})/;
	while (reg.test(num)) {
		num = num.replace(reg, "$1,$2");
	}

	let idx = num.indexOf('.')
	if (idx === -1) {
		num = num
	}

	if (idx > 0) {
		let num_per = num.substring(0, idx)
		let num_next = num.substring(idx + 1).padEnd(2, '0')
		num = num_per
	}

	return num;
}


const handleRedText = (value)=>{
	return <text>{{value}}</text>
}

//事件转换函数，主要用作格式化x轴为时间轴，根据需求自行修改
const formatDateTime = (timeStamp, returnType)=>{
  var date = new Date();
  date.setTime(timeStamp * 1000);
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? ('0' + m) : m;
  var d = date.getDate();
  d = d < 10 ? ('0' + d) : d;
  var h = date.getHours();
  h = h < 10 ? ('0' + h) : h;
  var minute = date.getMinutes();
  var second = date.getSeconds();
  minute = minute < 10 ? ('0' + minute) : minute;
  second = second < 10 ? ('0' + second) : second;
  if(returnType == 'full'){return y + '-' + m + '-' + d + ' '+ h +':' + minute + ':' + second;}
  if(returnType == 'y-m-d'){return y + '-' + m + '-' + d;}
  if(returnType == 'h:m'){return  h +':' + minute;}
  if(returnType == 'h:m:s'){return  h +':' + minute +':' + second;}
  return [y, m, d, h, minute, second];
}

const cfu = {
  //demotype为自定义图表类型，一般不需要自定义图表类型，只需要改根节点上对应的类型即可
	"type":["pie","ring","rose","word","funnel","map","arcbar","line","column","mount","bar","area","radar","gauge","candle","mix","tline","tarea","scatter","bubble","demotype"],
	"range":["饼状图","圆环图","玫瑰图","词云图","漏斗图","地图","圆弧进度条","折线图","柱状图","山峰图","条状图","区域图","雷达图","仪表盘","K线图","混合图","时间轴折线","时间轴区域","散点图","气泡图","自定义类型"],
  //增加自定义图表类型，如果需要categories，请在这里加入您的图表类型，例如最后的"demotype"
  //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴（矢量x轴）类图表，没有categories，不需要加入categories
	"categories":["line","column","mount","bar","area","radar","gauge","candle","mix","demotype"],
  //instance为实例变量承载属性，不要删除
  "instance":{},
  //option为opts及eopts承载属性，不要删除
  "option":{},
  //下面是自定义format配置，因除H5端外的其他端无法通过props传递函数，只能通过此属性对应下标的方式来替换
  "formatter":{
    "yAxisDemo1":function(val, index, opts){return val+'元'},
    "yAxisDemo2":function(val, index, opts){return val.toFixed(2)},
    "xAxisDemo1":function(val, index, opts){return val+'年';},
    "xAxisDemo2":function(val, index, opts){return formatDateTime(val,'h:m')},
    "seriesDemo1":function(val, index, series, opts){return val+'元'},
    "tooltipDemo1":function(item, category, index, opts){
      if(index==0){
      	return '随便用'+item.data+'年'
      }else{
      	return '其他我没改'+item.data+'天'
      }
    },
    "pieDemo":function(val, index, series, opts){
      if(index !== undefined){
        return series[index].name+'：'+series[index].data+'元'
      }
    },
	  "entryCarNumber2":function (item, category, index, opts){
		  console.log('item',item)
		  console.log('category',category)
		  console.log('index',index)
		  console.log('opts',opts)

		  let type = opts.series[0].selectFestival
		  if (type===0){
			  // return item.name
			  let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
			  let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber
			  console.log('data',data)
			  console.log('day',day)

			  if (item.name==='23年'){
				  if (index<day){
					  return item.name + "：" + getMoney(data / 10000,2) + '万元'
				  }else{
					  let indexList = "6,8,14,15,20,22,24,25,29,30"
					  let dateList = opts.series.filter(subItem=> subItem.name === item.name)[0].tradDate
					  let realDate
					  if (index===6 ||index===8 ||index===14 ||index===15 ||index===20 ||index===22 ||index===24 ||index===25 ||index===29 ||index===30){
						  realDate = dateList[index]
					  }
					  return item.name + "：" + getMoney(data / 10000,2) + '万元' + `，${realDate?realDate:''}`
				  }
			  }else{
				  let indexList = "6,8,14,15,20,22,24,25,29,30"
				  // let indexList = "8,9,15,16,21,23,25,26,30,31"
				  let dateList = opts.series.filter(subItem=> subItem.name === item.name)[0].tradDate
				  console.log('dateList',dateList)
				  let realDate
				  if (index===6 ||index===8 ||index===14 ||index===15 ||index===20 ||index===22 ||index===24 ||index===25 ||index===29 ||index===30){
					  realDate = dateList[index]
				  }
				  let curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index]
				  let compareData = opts.series.filter(subItem=> subItem.name === '23年')[0].real[index]
				  let add = Number(((curData/compareData)-1)*100).toFixed(2)
				  if (index<day){
					  return `${item.name}：${getMoney(data / 10000,2)}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}，${realDate?realDate:''}`
				  }else{
					  return ' '
				  }
			  }
		  }else if(type===1){
			  let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
			  let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber
			  let festivalType = opts.series[0].selectFestival
			  console.log('festivalType',festivalType)
			  console.log('data',data)
			  console.log('day',day)
			  let curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index]
			  let compareData = opts.series.filter(subItem=> subItem.name === '23年')[0].real[index]
			  // 显示具体的日期
			  let realDate = opts.series.filter(subItem=> subItem.name === '23年')[0].realDateList[index]
			  // 显示具体的日期
			  let curDate = opts.series.filter(subItem=> subItem.name === '24年')[0].realDateList[index]

			  let add = Number(((curData/compareData)-1)*100).toFixed(2)
			  if (item.name==='24年'){
				  if (data){
					  return `${festivalType===2?curDate:item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}`
				  }else{
					  return `${curDate}：`
				  }
			  }else{
				  return `${festivalType===2?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}`
			  }
		  } else if(type===2){
			  let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
			  let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber

			  let festivalType = opts.series[0].selectFestival
			  console.log('festivalType',festivalType)
			  console.log('data',data)
			  console.log('day',day)
			  let curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index]
			  let compareData = opts.series.filter(subItem=> subItem.name === '23年')[0].real[index]
			  // 显示具体的日期
			  let realDate = opts.series.filter(subItem=> subItem.name === '23年')[0].realDateList[index]
			  // 显示具体的日期
			  let curDate = opts.series.filter(subItem=> subItem.name === '24年')[0].realDateList[index]

			  let add = Number(((curData/compareData)-1)*100).toFixed(2)
			  if (item.name==='24年'){
				  if (data){
					  return `${curDate}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}`
				  }else{
					  return `${curDate}：`
				  }
			  }else{
				  return `${realDate}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}`
			  }
		  }

	  },
	  "entryCarNumber":function (item, category, index, opts){
		  console.log('item',item)
		  console.log('category',category)
		  console.log('index',index)
		  console.log('opts',opts)
		  // return item.name
		  let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
		  let day = opts.series.filter(subItem=> subItem.name === item.name)[0].howDayNumber

		  let festivalType = opts.series[0].selectFestival
		  console.log('festivalType',festivalType)
		  console.log('data',data)
		  console.log('day',day)
		  let curData = opts.series.filter(subItem=> subItem.name === '24年')[0].real[index]
		  let compareData = opts.series.filter(subItem=> subItem.name === '23年')[0].real[index]
		  // 显示具体的日期
		  let realDate = opts.series.filter(subItem=> subItem.name === '23年')[0].realDateList[index]
		  // 显示具体的日期
		  let curDate = opts.series.filter(subItem=> subItem.name === '24年')[0].realDateList[index]

		  let add = Number(((curData/compareData)-1)*100).toFixed(2)
		  if (item.name==='24年'){
			  if (data){
				  return `${festivalType===2?curDate:item.name}：${data?getMoney(data / 10000,2):''}万元${add>0?'，+':add<0?'，':''}${add?add+'%':''}${festivalType===1 && index===1?'(清明节)':''}`
			  }else{
				  return `${curDate}：`
			  }
		  }else{
			  return `${festivalType===2?realDate:item.name}：${data?getMoney(data / 10000,2):''}万元${festivalType===1 && index===1?'(清明节)':''}`
		  }

	  },
	  entryCarNumberXFormat:function (value,index,opts){
		return value
	  },
	  monthTotal:function (item, category, index, opts){
		  let text = ''
		  let type = item.name.slice(5,10)
		  let time = opts.series[0].info[index].year
		  if (type === '车流量'){
			  if (`${time}年车流量` === item.name){
				  let showTime = opts.series[0].info[index].year.toString().slice(2,5)
				  text = `${showTime}年入区 ${opts.series[0].info[index].allCarCount?fmoney(opts.series[0].info[index].allCarCount):''} 辆`
			  }else{
				  let showTime = opts.series[1].info[index].year.toString().slice(2,5)
				  text = `${showTime}年入区 ${opts.series[1].info[index].allCarCount?fmoney(opts.series[1].info[index].allCarCount):''} 辆`
			  }
			  return text
		  }else{
			  if (`${time}年交易额` === item.name){
				  let showTime = opts.series[2].year.toString().slice(2,5)
				  console.log('showTime',showTime)
				  text = `${showTime}年金额 ${opts.series[2].info[index].money?fmoney(opts.series[2].info[index].money):''} 元, 单车消费 ${opts.series[0].info[index].allCarCount?((opts.series[0].info[index].money) / opts.series[0].info[index].allCarCount).toFixed(2):''} 元`
			  }else{
				  let showTime = opts.series[3].year.toString().slice(2,5)
				  text = `${showTime}年金额 ${opts.series[3].info[index].money?fmoney(opts.series[3].info[index].money):''} 元, 单车消费 ${opts.series[1].info[index].allCarCount?((opts.series[1].info[index].money) / opts.series[1].info[index].allCarCount).toFixed(2):''} 元`
			  }
			  return text
		  }
	  },
	  homePlace:function (item, category, index, opts){
		  console.log('item',item)
		  console.log('opts',opts)
		  if (item.name.split(' ')[0] === '其他'){
			  let str = ''
			  opts.homeData.forEach(item=>{
				  if (item.name.split(' ')[0]!=='其他'){
					  if (str===''){
						  str = item.name.split(' ')[0]
					  }else{
						  str+=`,${item.name.split(' ')[0]}`
					  }
				  }
			  })
		  }
		  return item.name + ":" + item.data + '辆';
	  },
	  carTypeTime:function (item, category, index, opts){
		  if (this.num===0){
			  this.num++
			  return '日均车辆' + ":" + opts.series[0].valueList[index] + '辆,占比' + item.data + '%';
		  }else{
			  this.num=0
			  return '平均停留' + ":" + item.data + '分钟';
		  }
	  },
	  timeAnalysis:function (item, category, index, opts){
		  return item.name + ":" + item.data + '分钟'
	  },
	  businessType:function (item, category, index, opts){
		  return item.name;
	  },
	  "moneyCompare":function (item, category, index, opts){
		  const date = new Date()
		  let m = date.getMonth()
		  console.log('item',item)
		  console.log('category',category)
		  console.log('index',index)
		  console.log('opts',opts)
		  if (index >m){
			  if (opts.otherType===0){
				  if (item.name === '工作日平均'){
					  return item.name + "：" + item.data + '万元'
				  }else if(item.name === '周末平均'){
					  return item.name + "：" + item.data + '万元'
				  }else {
					  return item.name + "：" + item.data + '万元'
				  }
			  }else if(opts.otherType === 1){
				  if (item.name === '工作日平均'){
					  return item.name + "：" + noDecimal(item.data) + '笔'
				  }else if(item.name === '周末平均'){
					  return item.name + "：" + noDecimal(item.data) + '笔'
				  }else {
					  return item.name + "：" +noDecimal(item.data) + '笔'
				  }
			  }else if(opts.otherType === 2){
				  if (item.name === '工作日平均'){
					  return item.name + "：" + item.data + '元'
				  }else if(item.name === '周末平均'){
					  return item.name + "：" + item.data + '元'
				  }else {
					  return item.name + "：" + item.data + '元'
				  }
			  }

		  }else{
			  if (opts.otherType===0){
				  if (item.name === '工作日平均'){
					  return item.name + "：" + item.data + '万元，' + '较上月：' + opts.series[0].qoqAdd[index] + '%'
				  }else if(item.name === '周末平均'){
					  return item.name + "：" + item.data + '万元，' + '较工作日：'+ opts.series[1].qoqAdd[index] + '%'
				  }else {
					  // 判断有节假日就显示括号 没有就不显示
					  if (opts.series[2].holiday[index][1]){
						  return item.name + "：" + item.data + '万元' + '(' +  opts.series[2].holiday[index][1] + ')'
					  }else{
						  return item.name + "：" + item.data + '万元'
					  }
				  }
			  }else if (opts.otherType === 1){
				  if (item.name === '工作日平均'){
					  return item.name + "：" + noDecimal(item.data) + '笔，' + '较上月：' + opts.series[0].qoqAdd[index] + '%'
				  }else if(item.name === '周末平均'){
					  return item.name + "：" + noDecimal(item.data) + '笔，' + '较工作日：'+ opts.series[1].qoqAdd[index] + '%'
				  }else {
					  if (opts.series[2].holiday[index][1]){
						  return item.name + "：" + noDecimal(item.data) + '笔' + '(' +  opts.series[2].holiday[index][1] + ')'
					  }else{
						  return item.name + "：" + noDecimal(item.data) + '笔'
					  }
				  }
			  }else if(opts.otherType === 2){
				  if (item.name === '工作日平均'){
					  return item.name + "：" + item.data + '元，' + '较上月：' + opts.series[0].qoqAdd[index] + '%'
				  }else if(item.name === '周末平均'){
					  return item.name + "：" + item.data + '元，' + '较工作日：'+ opts.series[1].qoqAdd[index] + '%'
				  }else {
					  if (opts.series[2].holiday[index][1]){
						  return item.name + "：" + item.data + '元' + '(' +  opts.series[2].holiday[index][1] + ')'
					  }else{
						  return item.name + "：" + item.data + '元'
					  }
				  }
			  }
		  }
	  },
	  consumptionCompare:function (item, category, index, opts){
		  if (item.name === '客单数'){
			  return item.name + ':'+ item.data + '笔'
		  }else{
			  return item.name + ':'+ item.data + '辆,交易概率: ' + ((opts.series[0].data[index] / opts.series[1].data[index])*100).toFixed(2) + '%'
		  }
	  },
	  consumptionCompareFormat:function (val){
		  if (val==='0:00' || val==='4:00'|| val==='8:00'|| val==='12:00'|| val==='16:00'|| val==='20:00'|| val==='23:00'){
			  if (val === '23:00'){
				  return '24:00'
			  }else{
				  return  val
			  }
		  }else{
			  return ''
		  }
	  },
	  timePeriodAnalysisFormat:function (val){
		  if (val===0 || val===4 || val===8 || val===12 || val===16 || val===20 || val===23){
			  if (val===23){
				  return '24:00'
			  }else{
				  return `${val}:00`
			  }
		  }else{
			  return ''
		  }
	  },
	  timePeriodAnalysis:function (item, category, index, opts){
		  return item.name + ':'+ item.data + '%,' +'数量:' + opts.series[0].number[index] + '笔,金额:' +opts.series[0].money[index] +'元'
	  },
	  levelTop:function (item, category, index, opts){
		  return item.name + ' '+ item.data + '%';
	  },
	  businessFormat:function (item, category, index, opts){
		  return item.name+',' + opts.series[index].text
	  },
	  fillingDegree:function (item, category, index, opts){
		  return item.name;
	  },
	  yearRevenue:function (item, category, index, opts){
		  let data = opts.series.filter(subItem=> subItem.name === item.name)[0].real[index]
		  console.log('data',data)
		  if (data){
			  return item.name + "：" +  getMoneyNoDecimal(data)+ '辆';
		  }else{
			  return item.name + "：" + 0 + '辆';
		  }
	  }
  },
  //这里演示了自定义您的图表类型的option，可以随意命名，之后在组件上 type="demotype" 后，组件会调用这个花括号里的option，如果组件上还存在opts参数，会将demotype与opts中option合并后渲染图表。
  "demotype":{
    //我这里把曲线图当做了自定义图表类型，您可以根据需要随意指定类型或配置
    "type": "line",
    "color": color,
    "padding": [15,10,0,15],
    "xAxis": {
      "disableGrid": true,
    },
    "yAxis": {
      "gridType": "dash",
      "dashLength": 2,
    },
    "legend": {
    },
    "extra": {
    	"line": {
    		"type": "curve",
    		"width": 2
    	},
    }
  },
  //下面是自定义配置，请添加项目所需的通用配置
	"pie":{
		"type": "pie",
    "color": color,
		"padding": [5,5,5,5],
		"extra": {
			"pie": {
				"activeOpacity": 0.5,
				"activeRadius": 10,
				"offsetAngle": 0,
				"labelWidth": 15,
				"border": true,
				"borderWidth": 3,
				"borderColor": "#FFFFFF"
			},
		}
	},
	"ring":{
		"type": "ring",
    "color": color,
		"padding": [5,5,5,5],
		"rotate": false,
		"dataLabel": true,
		"legend": {
			"show": true,
			"position": "right",
      "lineHeight": 25,
		},
		"title": {
			"name": "收益率",
			"fontSize": 15,
			"color": "#666666"
		},
		"subtitle": {
			"name": "70%",
			"fontSize": 25,
			"color": "#7cb5ec"
		},
		"extra": {
			"ring": {
				"ringWidth":30,
				"activeOpacity": 0.5,
				"activeRadius": 10,
				"offsetAngle": 0,
				"labelWidth": 15,
				"border": true,
				"borderWidth": 3,
				"borderColor": "#FFFFFF"
			},
		},
	},
	"rose":{
		"type": "rose",
    "color": color,
		"padding": [5,5,5,5],
		"legend": {
			"show": true,
			"position": "left",
      "lineHeight": 25,
		},
		"extra": {
			"rose": {
				"type": "area",
				"minRadius": 50,
				"activeOpacity": 0.5,
				"activeRadius": 10,
				"offsetAngle": 0,
				"labelWidth": 15,
				"border": false,
				"borderWidth": 2,
				"borderColor": "#FFFFFF"
			},
		}
	},
	"word":{
		"type": "word",
    "color": color,
		"extra": {
			"word": {
				"type": "normal",
				"autoColors": false
			}
		}
	},
	"funnel":{
		"type": "funnel",
    "color": color,
		"padding": [15,15,0,15],
		"extra": {
			"funnel": {
				"activeOpacity": 0.3,
				"activeWidth": 10,
				"border": true,
				"borderWidth": 2,
				"borderColor": "#FFFFFF",
				"fillOpacity": 1,
				"labelAlign": "right"
			},
		}
	},
	"map":{
		"type": "map",
    "color": color,
		"padding": [0,0,0,0],
    "dataLabel": true,
		"extra": {
			"map": {
				"border": true,
				"borderWidth": 1,
				"borderColor": "#666666",
				"fillOpacity": 0.6,
				"activeBorderColor": "#F04864",
				"activeFillColor": "#FACC14",
				"activeFillOpacity": 1
			},
		}
	},
	"arcbar":{
		"type": "arcbar",
    "color": color,
		"title": {
			"name": "百分比",
			"fontSize": 25,
			"color": "#00FF00"
		},
		"subtitle": {
			"name": "默认标题",
			"fontSize": 15,
			"color": "#666666"
		},
		"extra": {
			"arcbar": {
				"type": "default",
				"width": 12,
				"backgroundColor": "#E9E9E9",
				"startAngle": 0.75,
				"endAngle": 0.25,
				"gap": 2
			}
		}
	},
	"line":{
		"type": "line",
    "color": color,
		"padding": [15,10,0,15],
		"xAxis": {
      "disableGrid": true,
		},
		"yAxis": {
      "gridType": "dash",
      "dashLength": 2,
		},
		"legend": {
		},
		"extra": {
			"line": {
				"type": "straight",
				"width": 2,
        "activeType": "hollow"
			},
		}
	},
  "tline":{
  	"type": "line",
    "color": color,
  	"padding": [15,10,0,15],
  	"xAxis": {
      "disableGrid": false,
      "boundaryGap":"justify",
  	},
  	"yAxis": {
      "gridType": "dash",
      "dashLength": 2,
      "data":[
        {
          "min":0,
          "max":80
        }
      ]
  	},
  	"legend": {
  	},
  	"extra": {
  		"line": {
  			"type": "curve",
  			"width": 2,
        "activeType": "hollow"
  		},
  	}
  },
  "tarea":{
  	"type": "area",
    "color": color,
  	"padding": [15,10,0,15],
  	"xAxis": {
      "disableGrid": true,
      "boundaryGap":"justify",
  	},
  	"yAxis": {
      "gridType": "dash",
      "dashLength": 2,
      "data":[
        {
          "min":0,
          "max":80
        }
      ]
  	},
  	"legend": {
  	},
  	"extra": {
  		"area": {
  			"type": "curve",
  			"opacity": 0.2,
  			"addLine": true,
  			"width": 2,
  			"gradient": true,
        "activeType": "hollow"
  		},
  	}
  },
	"column":{
		"type": "column",
    "color": color,
		"padding": [15,15,0,5],
		"xAxis": {
      "disableGrid": true,
		},
		"yAxis": {
      "data":[{"min":0}]
		},
		"legend": {
		},
		"extra": {
			"column": {
				"type": "group",
				"width": 30,
				"activeBgColor": "#000000",
				"activeBgOpacity": 0.08
			},
		}
	},
  "mount":{
  	"type": "mount",
    "color": color,
  	"padding": [15,15,0,5],
  	"xAxis": {
      "disableGrid": true,
  	},
  	"yAxis": {
      "data":[{"min":0}]
  	},
  	"legend": {
  	},
  	"extra": {
  		"mount": {
  			"type": "mount",
  			"widthRatio": 1.5,
  		},
  	}
  },
  "bar":{
  	"type": "bar",
    "color": color,
  	"padding": [15,30,0,5],
  	"xAxis": {
      "boundaryGap":"justify",
      "disableGrid":false,
      "min":0,
      "axisLine":false
  	},
  	"yAxis": {
  	},
  	"legend": {
  	},
  	"extra": {
  		"bar": {
  			"type": "group",
  			"width": 30,
  			"meterBorde": 1,
  			"meterFillColor": "#FFFFFF",
  			"activeBgColor": "#000000",
  			"activeBgOpacity": 0.08
  		},
  	}
  },
	"area":{
		"type": "area",
		"color": color,
		"padding": [15,15,0,15],
		"xAxis": {
      "disableGrid": true,
		},
		"yAxis": {
      "gridType": "dash",
      "dashLength": 2,
		},
		"legend": {
		},
		"extra": {
			"area": {
				"type": "straight",
				"opacity": 0.2,
				"addLine": true,
				"width": 2,
				"gradient": false,
        "activeType": "hollow"
			},
		}
	},
	"radar":{
		"type": "radar",
		"color": color,
		"padding": [5,5,5,5],
    "dataLabel": false,
		"legend": {
			"show": true,
			"position": "right",
      "lineHeight": 25,
		},
		"extra": {
			"radar": {
				"gridType": "radar",
				"gridColor": "#CCCCCC",
				"gridCount": 3,
				"opacity": 0.2,
				"max": 200,
				"labelShow": true
			},
		}
	},
	"gauge":{
		"type": "gauge",
		"color": color,
		"title": {
			"name": "66Km/H",
			"fontSize": 25,
			"color": "#2fc25b",
			"offsetY": 50
		},
		"subtitle": {
			"name": "实时速度",
			"fontSize": 15,
			"color": "#1890ff",
			"offsetY": -50
		},
		"extra": {
			"gauge": {
				"type": "default",
				"width": 30,
				"labelColor": "#666666",
				"startAngle": 0.75,
				"endAngle": 0.25,
				"startNumber": 0,
				"endNumber": 100,
				"labelFormat": "",
				"splitLine": {
					"fixRadius": 0,
					"splitNumber": 10,
					"width": 30,
					"color": "#FFFFFF",
					"childNumber": 5,
					"childWidth": 12
				},
				"pointer": {
					"width": 24,
					"color": "auto"
				}
			}
		}
	},
	"candle":{
		"type": "candle",
		"color": color,
		"padding": [15,15,0,15],
		"enableScroll": true,
		"enableMarkLine": true,
		"dataLabel": false,
		"xAxis": {
			"labelCount": 4,
			"itemCount": 40,
			"disableGrid": true,
			"gridColor": "#CCCCCC",
			"gridType": "solid",
			"dashLength": 4,
			"scrollShow": true,
			"scrollAlign": "left",
			"scrollColor": "#A6A6A6",
			"scrollBackgroundColor": "#EFEBEF"
		},
		"yAxis": {
		},
		"legend": {
		},
		"extra": {
			"candle": {
				"color": {
					"upLine": "#f04864",
					"upFill": "#f04864",
					"downLine": "#2fc25b",
					"downFill": "#2fc25b"
				},
				"average": {
					"show": true,
					"name": ["MA5","MA10","MA30"],
					"day": [5,10,20],
					"color": ["#1890ff","#2fc25b","#facc14"]
				}
			},
			"markLine": {
				"type": "dash",
				"dashLength": 5,
				"data": [
					{
						"value": 2150,
						"lineColor": "#f04864",
						"showLabel": true
					},
					{
						"value": 2350,
						"lineColor": "#f04864",
						"showLabel": true
					}
				]
			}
		}
	},
	"mix":{
		"type": "mix",
		"color": color,
		"padding": [15,15,0,15],
		"xAxis": {
      "disableGrid": true,
		},
		"yAxis": {
			"disabled": false,
			"disableGrid": false,
			"splitNumber": 5,
			"gridType": "dash",
			"dashLength": 4,
			"gridColor": "#CCCCCC",
			"padding": 10,
			"showTitle": true,
			"data": []
		},
		"legend": {
		},
		"extra": {
			"mix": {
				"column": {
					"width": 20
				}
			},
		}
	},
	"scatter":{
		"type": "scatter",
		"color":color,
		"padding":[15,15,0,15],
    "dataLabel":false,
    "xAxis": {
      "disableGrid": false,
      "gridType":"dash",
      "splitNumber":5,
      "boundaryGap":"justify",
      "min":0
    },
    "yAxis": {
      "disableGrid": false,
      "gridType":"dash",
    },
    "legend": {
    },
    "extra": {
    	"scatter": {
    	},
    }
	},
	"bubble":{
		"type": "bubble",
		"color":color,
		"padding":[15,15,0,15],
    "xAxis": {
      "disableGrid": false,
      "gridType":"dash",
      "splitNumber":5,
      "boundaryGap":"justify",
      "min":0,
      "max":250
    },
    "yAxis": {
      "disableGrid": false,
      "gridType":"dash",
      "data":[{
        "min":0,
        "max":150
      }]
    },
    "legend": {
    },
    "extra": {
    	"bubble": {
        "border":2,
        "opacity": 0.5,
    	},
    }
	}
}

export default cfu;