| | |
|---|
| | | </linearGradient> |
|---|
| | | </defs> |
|---|
| | | |
|---|
| | | <path stroke-linecap="round" stroke="url(#linear)" class="mypath" |
|---|
| | | <path stroke-linecap="round" class="mypath" |
|---|
| | | d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div id="houseEcharts" class="echarts-box"></div> |
|---|
| | | <svg viewBox="0 0 384 329" width="100%" height="100%" style="position: absolute; top: 0; left: 0;"> |
|---|
| | | <path stroke-linecap="round" stroke="url(#linear)" class="mypath" |
|---|
| | | <path stroke-linecap="round" class="mypath" |
|---|
| | | d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div id="landEcharts" class="echarts-box"></div> |
|---|
| | | <svg viewBox="0 0 384 329" width="100%" height="100%" style="position: absolute; top: 0; left: 0;"> |
|---|
| | | <path stroke-linecap="round" stroke="url(#linear)" class="mypath" |
|---|
| | | <path stroke-linecap="round" class="mypath" |
|---|
| | | d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
|---|
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
|---|
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | .mypath { |
|---|
| | | // stroke: #05D380; |
|---|
| | | stroke: rgba(33, 150, 243, 1); |
|---|
| | | stroke-width: 2; |
|---|
| | | stroke-dasharray: 222; |
|---|
| | | stroke-dasharray: 888; |
|---|
| | | // stroke-dashoffset: 888; |
|---|
| | | fill: none; |
|---|
| | | animation: go 6s linear infinite forwards; |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | 100% { |
|---|
| | | stroke-dashoffset: 1888; |
|---|
| | | stroke-dashoffset: 888; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
