yichael_zhongchuang_front_2/components/u-charts/config.js

/*
 * uCharts组件 默认配置文件，如有修改，更新前请备份此文件！！
 * 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
 * 
 */
module.exports = {
	"type":["pie","ring","rose","word","funnel","map","arcbar","line","column","area","radar","gauge","candle","mix","point","bubble"],
	"categories":["line","column","area","radar","gauge","candle","mix","point","bubble"],
	//以上数据请勿改动，下面是自定义默认配置，请添加项目所需的个性配置
	"pie":{
		type: 'pie',
		padding:[15,15,0,15],
		legend:{
			show:true,
			padding:5,
			lineHeight:11,
			margin:0,
		},
		dataLabel: true,
		extra: {
			pie: {
		    border:true,
		    borderColor:'#FFFFFF',
		    borderWidth:3
			}
		}
	},
	"ring":{
		type: 'ring',
		padding:[5,5,5,5],
		legend:{
			show:true,
			position:'right',
			float:'center',
			itemGap:10,
			padding:5,
			lineHeight:26,
			margin:5,
			borderWidth :1
		},
		disablePieStroke: true,
		dataLabel: true,
		subtitle: {
			name: '70%',
			color: '#7cb5ec',
			fontSize: 25,
		},
		title: {
			name: '收益率',
			color: '#666666',
			fontSize: 15,
		},
		extra: {
			pie: {
			  offsetAngle: 0,
			  ringWidth: 40,
			  labelWidth:15
			}
		}
	},
	"rose":{
		type: 'rose',
		padding:[15,15,0,15],
		legend:{
			show:true,
			position:'left',
			float:'center',
			itemGap:10,
			padding:5,
			lineHeight:26,
			margin:5,
			borderWidth :1
		},
		dataLabel: true,
		extra: {
			rose: {
				type:'area',
				minRadius:50,
				activeOpacity:0.5,
				offsetAngle:0,
				labelWidth:15
			}
		}
	},
	"word":{
		type: 'word',
		extra: {
			word: {
				type: 'normal'
			}
		}
	},
	"funnel":{
		type: 'funnel',
		padding:[15,15,0,15],
		legend:{
			show:true,
			padding:5,
			lineHeight:11,
			margin:0,
		},
		dataLabel: true,
		extra: {
			funnel: {
		    border:true,
		    borderWidth:2,
		    borderColor:'#FFFFFF'
			}
		}
	},
	"map":{
		type: 'map',
		padding:[0,0,0,0],
		legend:{
			show:false
		},
		dataLabel:true,
		extra: {
			map: {
		    border:true,
		    borderWidth:1,
		    borderColor:'#666666',
		    fillOpacity:0.6
			}
		}
	},
	"arcbar":{
		type: 'arcbar',
		legend:{show:false},
		dataLabel: true,
		title: {
			name: "百分比",
			color: '#00FF00',
			fontSize: 25
		},
		subtitle: {
			name: "默认标题",
			color: '#666666',
			fontSize: 15
		},
		extra: {
			arcbar:{
				type:'default',
				width: 12,
			}
		}
	},
	"line":{
		type: 'line',
		padding:[15,30,0,15],
		legend:{
			show:true,
			padding:5,
			lineHeight:11,
			margin:0,
		},
		dataLabel: true,
		dataPointShape:true,
		xAxis: {
			disableGrid: true,
		},
		yAxis: {
			gridType: 'dash',
			gridColor: '#CCCCCC',
			dashLength: 8,
			splitNumber: 4,
			format: val => {
				return val.toFixed(0);
			}
		},
		extra: {
			line:{
				type: 'straight'
			}
		}
	},
	"column":{
		type: 'column',
		padding:[15,5,0,15],
		legend:{
			show:true,
			padding:5,
			lineHeight:11,
			margin:0,
		},
		animation: true,
		dataLabel: true,
		xAxis: {
			disableGrid:true,
		},
		yAxis: {
		  data:[{
		    position:'right',
				axisLine:false,
		    format:(val)=>{return val.toFixed(0)},
		  }]
		},
		extra: {
			column: {
				type:'group',
				width:30
			}
		}
	},
	"area":{
		type: 'area',
		padding:[15,15,0,15],
		legend:{
			show:true,
		},
		dataLabel:true,
		dataPointShape:true,
		xAxis: {
			disableGrid:true,
		},
		yAxis: {
			gridType:'dash',
			gridColor:'#CCCCCC',
			dashLength:8,
			splitNumber:5,
		},
		extra: {
			area:{
				type: 'straight',
				opacity:0.2,
				addLine:true,
				width:2,
				gradient:false
			}
		}
	},
	"radar":{
		type: 'radar',
		padding:[15,15,0,15],
		legend:{
			show:true,
			padding:5,
			lineHeight:11,
			margin:0,
		},
		animation: true,
		dataLabel: true,
		extra: {
			radar: {
				max: 200,
				gridType:'radar'//radar或者circle可选，网格样式，默认radar
			}
		}
	},
	"gauge":{
		type: 'gauge',
		legend:{show:false},
		animation: true,
		dataLabel: true,
		title: {
			name: "字符串类型",
			color: '#00FF00',
			fontSize: 25,
			offsetY:50,
		},
		subtitle: {
			name: "字符串类型",
			color: '#666666',
			fontSize: 15,
			offsetY:-50,
		},
		extra: {
			gauge:{
				type:'default',
				width: 30,
				startAngle:0.75,
				endAngle:0.25,
				startNumber:0,
				endNumber:100,
				splitLine:{
					fixRadius:0,
					splitNumber:10,
					width: 30,
					color:'#FFFFFF',
					childNumber:5,
					childWidth:30*0.4,
				},
				pointer:{
					width: 30*0.8,
					color:'auto'
				}
			}
		}
	},
	"candle":{
		type: 'candle',
		padding:[15,15,0,15],
		legend:{
			show:true,
			padding:5,
			lineHeight:11,
			margin:8,
		},
		enableMarkLine: true,
		enableScroll: true,
		dataLabel: false,
		dataPointShape: true,
		xAxis: {
			disableGrid:true,
			labelCount:4,
			itemCount:5,
			scrollShow:true,
			scrollAlign:'right',
		},
		yAxis: {
			gridType:'dash',
			splitNumber:5,
			format:(val)=>{return val.toFixed(0)}
		},
		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']
				}
			},
			tooltip:{
				bgColor:'#000000',
				bgOpacity:0.7,
				gridType:'dash',
				dashLength:5,
				gridColor:'#1890ff',
				fontColor:'#FFFFFF',
				horizentalLine:true,
				xAxisLabel:true,
				yAxisLabel:true,
				labelBgColor:'#DFE8FF',
				labelBgOpacity:0.95,
				labelAlign:'left',
				labelFontColor:'#666666'
			},
		  markLine: {
		    type: 'dash',
		    dashLength: 5,
		    data: [{
		      value:2150,
		      lineColor: '#f04864',
		      showLabel:true
		    },{
		      value:2350,
		      lineColor: '#f04864',
		      showLabel:true
		    }]
		  }
		}
	},
	"mix":{
		type: 'mix',
		padding:[15,15,0,15],
		legend:{
			show:true,
		  position:'bottom',
		  float:'center',
			padding:5,
			lineHeight:11,
			margin:6,
		},
		dataLabel: true,
		dataPointShape: true,
		xAxis: {
			disableGrid:true,
		},
		yAxis: {
		  data:[{
		    calibration:true,
		    position:'left',
		    title:'折线',
		    titleFontSize:12,
		    format:(val)=>{return val.toFixed(0)+'度'}
		  },{
		    calibration:true,
		    position:'right',
		    min:0,
		    max:200,
		    title:'柱状图',
		    titleFontSize:12,
		    format:(val)=>{return val.toFixed(0)+'元'}
		  },{
		    calibration:true,
		    position:'right',
		    min:0,
		    max:200,
		    title:'点',
		    titleFontSize:12
		  }],
		  showTitle:true,
			gridType:'dash',
			dashLength:4,
			splitNumber:5
		},
		extra: {
		  column:{
		    width:20
		  }
		}
	},
	"point":{
		type: 'point',
		padding:[15,30,0,15],
		legend:{
			show:true
		},
		dataLabel: false,
		dataPointShape:true,
		xAxis: {
			disableGrid: true,
			labelCount: 4
		},
		yAxis: {
			gridType: 'dash',
			gridColor: '#CCCCCC',
			dashLength: 8,
			splitNumber: 4,
			format: val => {
				return val.toFixed(1);
			}
		},
		extra: {
			point:{
			}
		}
	},
	"bubble":{
		type: 'bubble',
		padding:[15,30,0,15],
		legend:{
			show:true
		},
		dataLabel: true,
		xAxis: {
			disableGrid: true,
			labelCount: 4
		},
		yAxis: {
			gridType: 'dash',
			gridColor: '#CCCCCC',
			dashLength: 8,
			splitNumber: 4,
			format: val => {
				return val.toFixed(1);
			}
		},
		extra: {
			bubble:{
			}
		}
	}
}