export default {
line: {
tooltip: {
trigger: 'axis',
},
title: {
left: '50%',
},
grid: {
top: '16%', // 等价于 y: '16%'
left: '3%',
right: '8%',
bottom: '10%',
containLabel: true,
},
legend: {
itemGap: 50,
data: [],
top: 10,
},
xAxis: {
type: 'category',
boundaryGap: false,
data: [],
axisLine: {
lineStyle: {
color: '#ababb2',
},
},
axisLabel: {
show: true,
textStyle: {
color: '#78849D',
},
},
splitLine: {
lineStyle: {
type: 'dashed',
// color: '#ababb2',
},
},
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: {
color: '#ababb2',
},
},
splitLine: {
lineStyle: {
type: 'dashed',
// color: '#ababb2',
},
},
},
series: [],
dataZoom: [
{
type: 'slider',
show: true,
bottom: '20px',
borderColor: '#07417a',
backgroundColor: 'transparent',
dataBackground: {
lineStyle: {
color: 'transparent',
shadowOffsetY: 0,
},
areaStyle: {
color: 'transparent',
shadowOffsetY: 0,
},
},
// 拖拽手柄样式 svg 路径
handleIcon:
'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
handleColor: '#aab6c6',
height: 6,
handleSize: 12,
showDataShadow: false,
filterMode: 'filter',
textStyle: {
color: '#ccc',
},
start: 0,
end: 100,
},
],
},
bar: {
grid: {
top: '10%',
left: '-5%',
bottom: '5%',
right: '5%',
containLabel: true,
},
tooltip: {
trigger: 'item',
},
xAxis: [
{
type: 'category',
data: [],
axisTick: {
alignWithLabel: true,
},
axisLine: {
show: false,
},
axisLabel: {
textStyle: {
color: '#ddd',
},
margin: 30,
},
interval: 1,
},
],
yAxis: [
{
show: false,
type: 'value',
},
],
series: [],
dataZoom: [
{
type: 'slider',
show: true,
bottom: '20px',
borderColor: '#07417a',
backgroundColor: 'transparent',
dataBackground: {
lineStyle: {
color: 'transparent',
shadowOffsetY: 0,
},
areaStyle: {
color: 'transparent',
shadowOffsetY: 0,
},
},
// 拖拽手柄样式 svg 路径
handleIcon:
'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
handleColor: '#aab6c6',
height: 6,
handleSize: 12,
showDataShadow: false,
filterMode: 'filter',
textStyle: {
color: '#ccc',
},
start: 0,
end: 100,
},
],
},
pie: {
grid: {
top: '16%', // 等价于 y: '16%'
left: '3%',
right: '8%',
bottom: '5%',
containLabel: true,
},
legend: {
orient: 'horizontal',
bottom: 5,
data: [], //有数据
textStyle: {
fontSize: 16,
},
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b} : {c} ({d}%)',
},
series: [],
title: {
left: '50%',
},
},
radar: {
color: ['#5189F8'],
tooltip: {},
title: {
left: '50%',
},
grid: {
top: '16%', // 等价于 y: '16%'
left: '3%',
right: '8%',
bottom: '5%',
containLabel: true,
},
radar: {
axisName: {
fontSize: 14,
color: '#6D7278',
},
axisLine: {
lineStyle: {
color: '#ebeef3',
},
},
shape: 'circle',
center: ['50%', '50%'],
radius: '100%',
triggerEvent: false,
indicator: [],
},
series: [],
},
funnel: {
title: {
text: '流量TOP5',
},
tooltip: {
show: false,
trigger: 'item',
formatter: '{a}
{b} : {c} MB',
},
toolbox: {
feature: {
dataView: {readOnly: false},
restore: {},
saveAsImage: {},
},
},
legend: {
data: ['TOP1', 'TOP2', 'TOP3', 'TOP4', 'TOP5'],
},
series: [
{
name: '流量',
type: 'funnel',
left: '20%',
width: '60%',
label: {
show: true,
color: '#000000',
},
labelLine: {
show: true,
},
itemStyle: {
opacity: 1,
},
emphasis: {
label: {
position: 'inside',
},
},
data: [
{value: 100, name: 'TOP1', itemStyle: {color: '#4672F7'}},
{value: 80, name: 'TOP2', itemStyle: {color: '#4C9DFF'}},
{value: 60, name: 'TOP3', itemStyle: {color: '#36DC88'}},
{value: 40, name: 'TOP4', itemStyle: {color: '#FBC71B'}},
{value: 20, name: 'TOP5', itemStyle: {color: '#F9A646'}},
],
},
],
},
heatmap: {
tooltip: {
position: 'top',
},
title: {
left: '50%',
},
animation: false,
grid: {
height: '80%',
top: '5%',
},
xAxis: {
type: 'category',
data: [],
splitArea: {
show: true,
},
axisTick: {
lineStyle: {
color: '#c4c4c4',
},
},
},
yAxis: {
type: 'category',
data: [],
splitArea: {
show: true,
},
axisTick: {
show: false,
},
},
visualMap: {
show: false,
min: 0,
max: 70,
calculable: true,
orient: 'horizontal',
left: 'center',
bottom: '15%',
color: ['#0d59b7', '#bee8ff'],
},
series: [
{
name: '',
type: 'heatmap',
data: [],
label: {
show: true,
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.5)',
},
},
},
],
},
scatter: {
title: {
left: '50%',
},
legend: {},
grid: {
left: '8%',
top: '10%',
},
xAxis: {
name: '风险发生可能性',
splitLine: {
lineStyle: {
type: 'dashed',
},
},
},
yAxis: {
name: '风险影响度',
splitLine: {
lineStyle: {
type: 'dashed',
},
},
scale: true,
},
series: [],
dataZoom: [
{
type: 'slider',
show: true,
bottom: '20px',
borderColor: '#07417a',
backgroundColor: 'transparent',
dataBackground: {
lineStyle: {
color: 'transparent',
shadowOffsetY: 0,
},
areaStyle: {
color: 'transparent',
shadowOffsetY: 0,
},
},
// 拖拽手柄样式 svg 路径
handleIcon:
'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
handleColor: '#aab6c6',
height: 6,
handleSize: 12,
showDataShadow: false,
filterMode: 'filter',
textStyle: {
color: '#ccc',
},
start: 0,
end: 100,
},
],
},
}