style: 地图: 红色

src/components/MapCountry.jsx

@@ -48,19 +48,33 @@ export default observer((props) => {
       color: {
         field: valueField || 'value',
         value: [
-          '#001D70',
-          '#0047A5',
-          '#1A4397',
-          '#2555B7',
-          '#3165D1',
-          '#3D76DD',
-          '#467BE8',
-          '#6296FE',
-          '#7EA6F9',
-          '#98B7F7',
-          '#BDD0F8',
-          '#DDE6F7',
-          '#F2F5FC'].reverse(),
+          '#820C1B',
+          '#a31022',
+          '#ac2738',
+          '#b53f4e',
+          '#be5764',
+          '#c76f7a',
+          '#d18790',
+          '#da9fa6',
+          '#e3b7bc',
+          '#eccfd2',
+          '#f5e7e8',
+          '#fde7ea',
+
+          // '#001D70',
+          // '#0047A5',
+          // '#1A4397',
+          // '#2555B7',
+          // '#3165D1',
+          // '#3D76DD',
+          // '#467BE8',
+          // '#6296FE',
+          // '#7EA6F9',
+          // '#98B7F7',
+          // '#BDD0F8',
+          // '#DDE6F7',
+          // '#F2F5FC'
+        ].reverse(),
         scale: { type: 'quantile' },
       },
       viewLevel: {

src/views/Home.jsx

@@ -25,7 +25,7 @@ const topSeries = [
   { key: 'country', value: 'country', label: '国籍', graphVisible: true },
   { key: 'webcode', value: 'webcode', label: '站点', graphVisible: false },
   { key: 'bizarea', value: 'bizarea', label: '国境', graphVisible: false },
-  { key: 'destinationcountry', value: 'destinationcountry', label: '目的地国籍', graphVisible: false },
+  { key: 'destinationcountry', value: 'destinationcountry', label: '目的地国籍', graphVisible: true },
 ];
 
 const allGroupTypes = [
@@ -320,7 +320,7 @@ export default observer(() => {
               </Col>
             ) : null
           )}
-          <Col key={'mapG'}  span={24}>
+          <Col key={'mapG'}  span={22}>
             <hr />
             <h3>来源国籍分布</h3>
             <Spin spinning={topData?.country?.loading || false}>
@@ -329,15 +329,22 @@ export default observer(() => {
               </div>
             </Spin>
           </Col>
-          <Col key={'mapDestinationCountry'}  span={24}>
+          <Col key={'mapG-r'}  span={1}></Col>
+          <Col key={'mapDestinationCountry'}  span={22}>
             <hr />
             <h3>目的地国籍分布</h3>
-            <Spin spinning={DistributionStore.pageLoading || false}>
+            {/* <Spin spinning={DistributionStore.pageLoading || false}>
               <div id="mapDestinationCountry" style={{ height: '700px' }}>
                 <MapCountry sourceField={'label'} valueField={BUConfig.measureField} dataSource={DistributionStore.destinationCountry.originData || []} containerNode='#mapDestinationCountry' />
               </div>
+            </Spin> */}
+            <Spin spinning={topData?.destinationcountry?.loading || false}>
+              <div id="mapDestinationCountry" style={{ height: '700px' }}>
+                <MapCountry sourceField={'groupsLabel'} valueField={BUConfig.measureField} dataSource={topData?.destinationcountry?.dataSource || []} containerNode='#mapDestinationCountry' />
+              </div>
             </Spin>
           </Col>
+          <Col key={'mapGc-r'}  span={1}></Col>
         </Row>
       </section>
     </>