|
|
@ -281,6 +281,8 @@ const headerCellStyle = { |
|
|
fontWeight: 'bold' |
|
|
fontWeight: 'bold' |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const regionColors = ['#68B2FF', '#D94F41', '#69D2AF', '#FFD360', '#ADADAD', '#BE71DD']; |
|
|
|
|
|
|
|
|
const initCharts = () => { |
|
|
const initCharts = () => { |
|
|
nextTick(() => { |
|
|
nextTick(() => { |
|
|
if (activeTab.value === 'loginData') { |
|
|
if (activeTab.value === 'loginData') { |
|
|
@ -338,6 +340,7 @@ const initCharts = () => { |
|
|
if (chartRegionPieRef.value) { |
|
|
if (chartRegionPieRef.value) { |
|
|
const chart = echarts.init(chartRegionPieRef.value); |
|
|
const chart = echarts.init(chartRegionPieRef.value); |
|
|
chart.setOption({ |
|
|
chart.setOption({ |
|
|
|
|
|
color: regionColors, |
|
|
tooltip: { trigger: 'item' }, |
|
|
tooltip: { trigger: 'item' }, |
|
|
legend: { orient: 'vertical', right: '10%', top: 'center' }, |
|
|
legend: { orient: 'vertical', right: '10%', top: 'center' }, |
|
|
series: [ |
|
|
series: [ |
|
|
@ -368,6 +371,7 @@ const initCharts = () => { |
|
|
if (chartRegionMemberPieRef.value) { |
|
|
if (chartRegionMemberPieRef.value) { |
|
|
const chart = echarts.init(chartRegionMemberPieRef.value); |
|
|
const chart = echarts.init(chartRegionMemberPieRef.value); |
|
|
chart.setOption({ |
|
|
chart.setOption({ |
|
|
|
|
|
color: regionColors, |
|
|
tooltip: { trigger: 'item' }, |
|
|
tooltip: { trigger: 'item' }, |
|
|
legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } }, |
|
|
legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } }, |
|
|
series: [ |
|
|
series: [ |
|
|
@ -393,6 +397,7 @@ const initCharts = () => { |
|
|
if (chartRegionNonMemberPieRef.value) { |
|
|
if (chartRegionNonMemberPieRef.value) { |
|
|
const chart = echarts.init(chartRegionNonMemberPieRef.value); |
|
|
const chart = echarts.init(chartRegionNonMemberPieRef.value); |
|
|
chart.setOption({ |
|
|
chart.setOption({ |
|
|
|
|
|
color: regionColors, |
|
|
tooltip: { trigger: 'item' }, |
|
|
tooltip: { trigger: 'item' }, |
|
|
legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } }, |
|
|
legend: { orient: 'vertical', right: '0%', top: 'center', itemWidth: 10, itemHeight: 10, textStyle: { fontSize: 10 } }, |
|
|
series: [ |
|
|
series: [ |
|
|
|