500 lines
8.0 KiB
JavaScript
500 lines
8.0 KiB
JavaScript
![]() |
/*
|
|||
|
* 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,
|
|||
|
padding:5,
|
|||
|
lineHeight:11,
|
|||
|
margin:0,
|
|||
|
},
|
|||
|
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: false,
|
|||
|
dataPointShape:true,
|
|||
|
xAxis: {
|
|||
|
disableGrid: true,
|
|||
|
labelCount: 4
|
|||
|
},
|
|||
|
yAxis: {
|
|||
|
gridType: 'dash',
|
|||
|
gridColor: '#CCCCCC',
|
|||
|
dashLength: 8,
|
|||
|
splitNumber: 4,
|
|||
|
format: val => {
|
|||
|
return val.toFixed(1);
|
|||
|
}
|
|||
|
},
|
|||
|
extra: {
|
|||
|
line:{
|
|||
|
type: 'straight'
|
|||
|
}
|
|||
|
}
|
|||
|
},
|
|||
|
"column":{
|
|||
|
type: 'column',
|
|||
|
padding:[35,5,0,15],
|
|||
|
legend:{
|
|||
|
show:true,
|
|||
|
padding:5,
|
|||
|
lineHeight:11,
|
|||
|
margin:0,
|
|||
|
},
|
|||
|
animation: true,
|
|||
|
dataLabel: true,
|
|||
|
xAxis: {
|
|||
|
disableGrid:true,
|
|||
|
labelCount: 4
|
|||
|
},
|
|||
|
yAxis: {
|
|||
|
data:[{
|
|||
|
position:'right',
|
|||
|
axisLine:false,
|
|||
|
format:(val)=>{return val.toFixed(1)},
|
|||
|
}]
|
|||
|
},
|
|||
|
extra: {
|
|||
|
column: {
|
|||
|
type:'group',
|
|||
|
width:20
|
|||
|
}
|
|||
|
}
|
|||
|
},
|
|||
|
"area":{
|
|||
|
type: 'area',
|
|||
|
padding:[0,15,10,15],
|
|||
|
legend:{
|
|||
|
show:true,
|
|||
|
position:'top',
|
|||
|
float:'center',
|
|||
|
itemGap:30,
|
|||
|
padding:5,
|
|||
|
lineHeight:18,
|
|||
|
margin:0,
|
|||
|
},
|
|||
|
dataLabel:false,
|
|||
|
dataPointShape:true,
|
|||
|
xAxis: {
|
|||
|
type:'grid',
|
|||
|
gridColor:'#CCCCCC',
|
|||
|
gridType:'dash',
|
|||
|
dashLength:8,
|
|||
|
},
|
|||
|
yAxis: {
|
|||
|
gridType:'dash',
|
|||
|
gridColor:'#CCCCCC',
|
|||
|
dashLength:8,
|
|||
|
splitNumber:5,
|
|||
|
},
|
|||
|
extra: {
|
|||
|
area:{
|
|||
|
type: 'curve',
|
|||
|
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:[5,5,0,5],
|
|||
|
legend:{
|
|||
|
show:true,
|
|||
|
position:'bottom',
|
|||
|
float:'center',
|
|||
|
padding:5,
|
|||
|
lineHeight:11,
|
|||
|
margin:6,
|
|||
|
},
|
|||
|
enableScroll: true,
|
|||
|
dataLabel: true,
|
|||
|
dataPointShape: true,
|
|||
|
xAxis: {
|
|||
|
disableGrid:false,
|
|||
|
type:'grid',
|
|||
|
gridType:'dash',
|
|||
|
itemCount:4,
|
|||
|
scrollShow:true,
|
|||
|
scrollAlign:'left',
|
|||
|
},
|
|||
|
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
|
|||
|
},
|
|||
|
tooltip:{
|
|||
|
showBox:false,
|
|||
|
bgColor:'#000000',
|
|||
|
bgOpacity:0.7,
|
|||
|
gridType:'dash',
|
|||
|
dashLength:8,
|
|||
|
gridColor:'#1890ff',
|
|||
|
fontColor:'#FFFFFF',
|
|||
|
horizentalLine:true,
|
|||
|
xAxisLabel:true,
|
|||
|
yAxisLabel:true,
|
|||
|
labelBgColor:'#DFE8FF',
|
|||
|
labelBgOpacity:0.95,
|
|||
|
labelAlign:'left',
|
|||
|
labelFontColor:'#666666'
|
|||
|
}
|
|||
|
}
|
|||
|
},
|
|||
|
"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:{
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
}
|