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