简柏林 / thingskit-view · Commits

Commit e7b4073564ab77ad39a3229cd622fe84f4d0bbe2

Authored by fengwotao
1 parent b7a01a97

perf(src/views/chart): 优化装饰18，小球部分效果

Inline Side-by-side
Showing 1 changed file with 22 additions and 11 deletions
... ... @@ -231,7 +231,8 @@
231 231 opacity="1"
232 232 d="M269.5 18.5199C269.5 9.30992 247.11 1.83984 219.5 1.83984C191.89 1.83984 169.5 9.30982 169.5 18.5199C169.5 18.5699 169.51 18.6198 169.51 18.6799C169.51 18.74 169.5 18.7899 169.5 18.8399C169.5 18.89 169.51 18.9499 169.51 19.0099C169.51 19.07 169.5 19.1099 169.5 19.17C169.5 19.2301 169.51 19.28 169.51 19.33C169.51 19.3801 169.5 19.44 169.5 19.5001C169.5 19.5601 169.51 19.6 169.51 19.6601C169.51 19.7201 169.5 19.7701 169.5 19.8202C169.5 19.8702 169.51 19.9301 169.51 19.9802C169.51 20.0302 169.5 20.0902 169.5 20.1502C169.5 20.2103 169.51 20.2602 169.51 20.3102C169.51 20.3603 169.5 20.4203 169.5 20.4703C169.5 20.5204 169.51 20.5803 169.51 20.6403C169.51 20.7004 169.5 20.7503 169.5 20.8004C169.5 20.8504 169.51 20.9103 169.51 20.9604C169.51 21.0104 169.5 21.0704 169.5 21.1305C169.5 21.1905 169.51 21.2404 169.51 21.2905C169.51 21.3405 169.5 21.4005 169.5 21.4505C169.5 21.5006 169.51 21.5605 169.51 21.6205C169.51 21.6806 169.5 21.7306 169.5 21.7806C169.5 21.8307 169.51 21.8906 169.51 21.9406C169.51 21.9907 169.5 22.0506 169.5 22.1107C169.5 22.1707 169.51 22.2206 169.51 22.2707C169.51 22.3207 169.5 22.3807 169.5 22.4308C169.5 22.4808 169.51 22.5407 169.51 22.6008C169.51 22.6608 169.5 22.7008 169.5 22.7608C169.5 22.8209 169.51 22.8708 169.51 22.9208C169.51 22.9709 169.5 23.0309 169.5 23.0909C169.5 23.151 169.51 23.1909 169.51 23.2509C169.51 23.311 169.5 23.3609 169.5 23.411C169.5 23.461 169.51 23.5209 169.51 23.581C169.51 23.6411 169.5 23.681 169.5 23.7411C169.5 23.8011 169.51 23.851 169.51 23.9011C169.51 23.9511 169.5 24.0111 169.5 24.0711C169.5 24.1312 169.51 24.1711 169.51 24.2311C169.51 24.2912 169.5 24.3412 169.5 24.3912C169.5 24.4412 169.51 24.5012 169.51 24.5512C169.51 24.6013 169.5 24.6612 169.5 24.7213C169.5 24.7813 169.51 24.8312 169.51 24.8813C169.51 24.9314 169.5 24.9913 169.5 25.0414C169.5 25.0914 169.51 25.1513 169.51 25.2114C169.51 25.2714 169.5 25.3214 169.5 25.3714C169.5 25.4214 169.51 25.4814 169.51 25.5315C169.51 25.5815 169.5 25.6415 169.5 25.7015C169.5 25.7616 169.51 25.8115 169.51 25.8615C169.51 25.9116 169.5 25.9715 169.5 26.0215C169.5 26.0716 169.51 26.1315 169.51 26.1916C169.51 26.2517 169.5 26.3016 169.5 26.3517C169.5 26.4017 169.51 26.4616 169.51 26.5117C169.51 26.5617 169.5 26.6216 169.5 26.6817C169.5 26.7418 169.51 26.7917 169.51 26.8418C169.51 26.8918 169.5 26.9518 169.5 27.0018C169.5 27.0518 169.51 27.1118 169.51 27.1718C169.51 27.2319 169.5 27.2718 169.5 27.3319C169.5 27.3919 169.51 27.4419 169.51 27.4919C169.51 27.542 169.5 27.6019 169.5 27.662C169.5 27.722 169.51 27.7619 169.51 27.822C169.51 27.882 169.5 27.9319 169.5 27.982C169.5 28.032 169.51 28.092 169.51 28.1521C169.51 28.2121 169.5 28.252 169.5 28.3121C169.5 28.3721 169.51 28.4221 169.51 28.4721C169.51 28.5222 169.5 28.5821 169.5 28.6421C169.5 28.7022 169.51 28.7422 169.51 28.8022C169.51 28.8623 169.5 28.9122 169.5 28.9622C169.5 29.0123 169.51 29.0722 169.51 29.1223C169.51 29.1723 169.5 29.2322 169.5 29.2923C169.5 29.3524 169.51 29.4023 169.51 29.4524C169.51 29.5024 169.5 29.5623 169.5 29.6124C169.5 29.6624 169.51 29.7224 169.51 29.7824C169.51 29.8425 169.5 29.8924 169.5 29.9424C169.5 29.9925 169.51 30.0525 169.51 30.1025C169.51 30.1526 169.5 30.2125 169.5 30.2725C169.5 30.3326 169.51 30.3825 169.51 30.4326C169.51 30.4826 169.5 30.5425 169.5 30.5926C169.5 30.6427 169.51 30.7026 169.51 30.7627C169.51 30.8227 169.5 30.8726 169.5 30.9227C169.5 30.9727 169.51 31.0327 169.51 31.0827C169.51 31.1328 169.5 31.1927 169.5 31.2527C169.5 31.3128 169.51 31.3628 169.51 31.4128C169.51 31.4629 169.5 31.5228 169.5 31.5728C169.5 31.6229 169.51 31.6828 169.51 31.7429C169.51 31.8029 169.5 31.8428 169.5 31.9029C169.5 31.963 169.51 32.0129 169.51 32.063C169.51 32.113 169.5 32.1729 169.5 32.233C169.5 32.293 169.51 32.333 169.51 32.393C169.51 32.4531 169.5 32.503 169.5 32.553C169.5 32.6031 169.51 32.6631 169.51 32.7231C169.51 32.7832 169.5 32.8231 169.5 32.8831C169.5 32.9432 169.51 32.9931 169.51 33.0432C169.51 33.0932 169.5 33.1531 169.5 33.2032C169.5 33.2533 169.51 33.3132 169.51 33.3733C169.51 33.4333 169.5 33.4832 169.5 33.5333C169.5 33.5833 169.51 33.6433 169.51 33.6933C169.51 33.7433 169.5 33.8033 169.5 33.8634C169.5 33.9234 169.51 33.9734 169.51 34.0234C169.51 34.0735 169.5 34.1334 169.5 34.1834C169.5 34.2335 169.51 34.2934 169.51 34.3535C169.51 34.4135 169.5 34.4634 169.5 34.5135C169.5 34.5636 169.51 34.6235 169.51 34.6735C169.51 34.7236 169.5 34.7835 169.5 34.8436C169.5 34.9036 169.51 34.9536 169.51 35.0036C169.51 35.0536 169.5 35.1136 169.5 35.1637C169.5 44.3736 191.89 51.8437 219.5 51.8437C247.11 51.8437 269.5 44.3737 269.5 35.1637C269.5 35.1136 269.49 35.0536 269.49 35.0036C269.49 34.9536 269.5 34.8936 269.5 34.8436C269.5 34.7935 269.49 34.7336 269.49 34.6735C269.49 34.6135 269.5 34.5636 269.5 34.5135C269.5 34.4634 269.49 34.4035 269.49 34.3535C269.49 34.3034 269.5 34.2435 269.5 34.1834C269.5 34.1234 269.49 34.0835 269.49 34.0234C269.49 33.9634 269.5 33.9134 269.5 33.8634C269.5 33.8133 269.49 33.7534 269.49 33.6933C269.49 33.6332 269.5 33.5933 269.5 33.5333C269.5 33.4732 269.49 33.4233 269.49 33.3733C269.49 33.3232 269.5 33.2633 269.5 33.2032C269.5 33.1431 269.49 33.1032 269.49 33.0432C269.49 32.9831 269.5 32.9332 269.5 32.8831C269.5 32.8331 269.49 32.7732 269.49 32.7231C269.49 32.6731 269.5 32.6131 269.5 32.553C269.5 32.493 269.49 32.4431 269.49 32.393C269.49 32.343 269.5 32.283 269.5 32.233C269.5 32.1829 269.49 32.123 269.49 32.063C269.49 32.0029 269.5 31.953 269.5 31.9029C269.5 31.8528 269.49 31.7929 269.49 31.7429C269.49 31.6928 269.5 31.6329 269.5 31.5728C269.5 31.5128 269.49 31.4629 269.49 31.4128C269.49 31.3628 269.5 31.3028 269.5 31.2527C269.5 31.2027 269.49 31.1428 269.49 31.0827C269.49 31.0227 269.5 30.9727 269.5 30.9227C269.5 30.8726 269.49 30.8127 269.49 30.7627C269.49 30.7126 269.5 30.6527 269.5 30.5926C269.5 30.5325 269.49 30.4826 269.49 30.4326C269.49 30.3825 269.5 30.3226 269.5 30.2725C269.5 30.2225 269.49 30.1626 269.49 30.1025C269.49 30.0425 269.5 30.0025 269.5 29.9424C269.5 29.8824 269.49 29.8325 269.49 29.7824C269.49 29.7324 269.5 29.6724 269.5 29.6124C269.5 29.5523 269.49 29.5124 269.49 29.4524C269.49 29.3923 269.5 29.3423 269.5 29.2923C269.5 29.2422 269.49 29.1823 269.49 29.1223C269.49 29.0622 269.5 29.0223 269.5 28.9622C269.5 28.9022 269.49 28.8523 269.49 28.8022C269.49 28.7522 269.5 28.6922 269.5 28.6421C269.5 28.5921 269.49 28.5322 269.49 28.4721C269.49 28.4121 269.5 28.3621 269.5 28.3121C269.5 28.2621 269.49 28.2021 269.49 28.1521C269.49 28.102 269.5 28.042 269.5 27.982C269.5 27.9219 269.49 27.872 269.49 27.822C269.49 27.7719 269.5 27.712 269.5 27.662C269.5 27.6119 269.49 27.552 269.49 27.4919C269.49 27.4318 269.5 27.3819 269.5 27.3319C269.5 27.2818 269.49 27.2219 269.49 27.1718C269.49 27.1218 269.5 27.0619 269.5 27.0018C269.5 26.9417 269.49 26.8918 269.49 26.8418C269.49 26.7917 269.5 26.7317 269.5 26.6817C269.5 26.6317 269.49 26.5717 269.49 26.5117C269.49 26.4516 269.5 26.4117 269.5 26.3517C269.5 26.2916 269.49 26.2417 269.49 26.1916C269.49 26.1415 269.5 26.0816 269.5 26.0215C269.5 25.9615 269.49 25.9216 269.49 25.8615C269.49 25.8015 269.5 25.7516 269.5 25.7015C269.5 25.6515 269.49 25.5915 269.49 25.5315C269.49 25.4714 269.5 25.4315 269.5 25.3714C269.5 25.3113 269.49 25.2614 269.49 25.2114C269.49 25.1613 269.5 25.1014 269.5 25.0414C269.5 24.9813 269.49 24.9414 269.49 24.8813C269.49 24.8212 269.5 24.7713 269.5 24.7213C269.5 24.6712 269.49 24.6113 269.49 24.5512C269.49 24.4912 269.5 24.4513 269.5 24.3912C269.5 24.3312 269.49 24.2812 269.49 24.2311C269.49 24.1811 269.5 24.1212 269.5 24.0711C269.5 24.0211 269.49 23.9611 269.49 23.9011C269.49 23.841 269.5 23.7911 269.5 23.7411C269.5 23.691 269.49 23.6311 269.49 23.581C269.49 23.5309 269.5 23.471 269.5 23.411C269.5 23.3509 269.49 23.301 269.49 23.2509C269.49 23.2009 269.5 23.141 269.5 23.0909C269.5 23.0409 269.49 22.9809 269.49 22.9208C269.49 22.8608 269.5 22.8109 269.5 22.7608C269.5 22.7108 269.49 22.6508 269.49 22.6008C269.49 22.5507 269.5 22.4908 269.5 22.4308C269.5 22.3707 269.49 22.3207 269.49 22.2707C269.49 22.2206 269.5 22.1607 269.5 22.1107C269.5 22.0606 269.49 22.0007 269.49 21.9406C269.49 21.8806 269.5 21.8407 269.5 21.7806C269.5 21.7206 269.49 21.6706 269.49 21.6205C269.49 21.5705 269.5 21.5106 269.5 21.4505C269.5 21.3905 269.49 21.3505 269.49 21.2905C269.49 21.2304 269.5 21.1805 269.5 21.1305C269.5 21.0804 269.49 21.0204 269.49 20.9604C269.49 20.9003 269.5 20.8604 269.5 20.8004C269.5 20.7403 269.49 20.6904 269.49 20.6403C269.49 20.5903 269.5 20.5304 269.5 20.4703C269.5 20.4102 269.49 20.3703 269.49 20.3102C269.49 20.2502 269.5 20.2003 269.5 20.1502C269.5 20.1002 269.49 20.0402 269.49 19.9802C269.49 19.9201 269.5 19.8802 269.5 19.8202C269.5 19.7601 269.49 19.7101 269.49 19.6601C269.49 19.61 269.5 19.5501 269.5 19.5001C269.5 19.45 269.49 19.3901 269.49 19.33C269.49 19.27 269.5 19.2201 269.5 19.17C269.5 19.1199 269.49 19.06 269.49 19.0099C269.49 18.9599 269.5 18.9 269.5 18.8399C269.5 18.7799 269.49 18.7299 269.49 18.6799C269.49 18.6198 269.5 18.5699 269.5 18.5199L269.5 18.5199Z"
233 233 />
234   - <g opacity="1" :transform="`translate(0 ${dataset < 50 ? 44 : 190 - (dataset - 10) * 3.2})`">
  234 + <!-- ${dataset < 50 ? 44 : 190 - (dataset - 10) * 3.2} -->
  235 + <g opacity="1" :transform="`translate(0 55`">
235 236 <g filter="url(#filter_23)">
236 237 <path
237 238 id="path"
... ... @@ -241,10 +242,12 @@
241 242 d="M229.986 371.604 C231.437 372.177 232.723 373.006 233.843 374.092 C234.963 375.177 235.831 376.437 236.449 377.869C237.066 379.302 237.384 380.798 237.403 382.358C237.423 383.918 237.142 385.422 236.561 386.869C235.98 388.317 235.143 389.597 234.051 390.711C232.958 391.824 231.694 392.685 230.257 393.293C228.821 393.902 227.323 394.211 225.763 394.221C224.203 394.231 222.701 393.941 221.257 393.351C219.813 392.762 218.537 391.917 217.43 390.818C216.324 389.719 215.47 388.449 214.871 387.009C214.271 385.569 213.971 384.069 213.97 382.509C213.955 380.97 214.235 379.486 214.811 378.057C215.387 376.629 216.214 375.366 217.292 374.267C218.37 373.168 219.618 372.317 221.035 371.714C222.452 371.112 223.93 370.803 225.47 370.789C227.03 370.76 228.535 371.032 229.986 371.604L229.986 371.604Z"
242 243 />
243 244 <animateMotion
  245 + path="M0,0 L0 -5 L0 -13 L0 -15 L0 -17 L0 -19 L0 -22 L0 -26 L0 -36
  246 + L0 -46 L0 -56 L0 -59 L0 -69 L0 -79 L0 -89 L0 -99 L0 -109 L0 -139 L0 -169 L0 -189 L0 -199 L0 -209 L0 -219
  247 + "
  248 + begin="1.5s"
244 249 v-if="openAnim"
245 250 :dur="`${duration}s`"
246   - path="M0,0 L0,9 L0 14 L0 18 L0 -18 L0 -14 L0 -9 Z"
247   - begin="0s"
248 251 repeatCount="indefinite"
249 252 />
250 253 </g>
... ... @@ -257,10 +260,12 @@
257 260 d="M202.38 399.21C205.97 399.21 208.88 402.12 208.88 405.71C208.88 409.3 205.97 412.21 202.38 412.21C198.79 412.21 195.88 409.3 195.88 405.71C195.88 402.12 198.79 399.21 202.38 399.21L202.38 399.21Z"
258 261 />
259 262 <animateMotion
  263 + path="M0,0 L0 -5 L0 -13 L0 -15 L0 -17 L0 -19 L0 -22 L0 -26 L0 -36
  264 + L0 -46 L0 -50 L0 -59 L0 -60 L0 -69 L0 -71 L0 -79 L0 -89 L0 -91 L0 -122 L0 -132 L0 -142 L0 -162 L0 -172 L0 -182 L0 -192
  265 + "
  266 + begin="1.65s"
260 267 v-if="openAnim"
261 268 :dur="`${duration}s`"
262   - path="M0,0 L0,6 L0 9 L0 12 L0 -12 L0 -9 L0 -6 Z"
263   - begin="0s"
264 269 repeatCount="indefinite"
265 270 />
266 271 </g>
... ... @@ -273,10 +278,12 @@
273 278 d="M231.69 443.18C235.28 443.18 238.19 446.09 238.19 449.68C238.19 453.27 235.28 456.18 231.69 456.18C228.1 456.18 225.19 453.27 225.19 449.68C225.19 446.09 228.1 443.18 231.69 443.18L231.69 443.18Z"
274 279 />
275 280 <animateMotion
  281 + path="M0,0 L0 -5 L0 -13 L0 -15 L0 -17 L0 -19 L0 -22 L0 -26 L0 -36
  282 + L0 -46 L0 -50 L0 -59 L0 -60 L0 -69 L0 -71 L0 -79 L0 -89 L0 -91 L0 -122 L0 -132 L0 -142 L0 -162 L0 -172 L0 -182 L0 -192
  283 + "
  284 + begin="1.65s"
276 285 v-if="openAnim"
277 286 :dur="`${duration}s`"
278   - path="M0,0 L0,6 L0 9 L0 12 L0 -12 L0 -9 L0 -6 Z"
279   - begin="0s"
280 287 repeatCount="indefinite"
281 288 />
282 289 </g>
... ... @@ -289,10 +296,12 @@
289 296 d="M231.69 443.18C235.28 443.18 238.19 446.09 238.19 449.68C238.19 453.27 235.28 456.18 231.69 456.18C228.1 456.18 225.19 453.27 225.19 449.68C225.19 446.09 228.1 443.18 231.69 443.18L231.69 443.18Z"
290 297 />
291 298 <animateMotion
  299 + path="M0,0 L0 -5 L0 -13 L0 -15 L0 -17 L0 -19 L0 -22 L0 -26 L0 -36
  300 + L0 -46 L0 -50 L0 -59 L0 -60 L0 -69 L0 -71 L0 -79 L0 -89 L0 -91 L0 -122 L0 -132 L0 -142 L0 -162 L0 -172 L0 -182 L0 -192
  301 + "
  302 + begin="1.65s"
292 303 v-if="openAnim"
293 304 :dur="`${duration}s`"
294   - path="M0,0 L0,6 L0 9 L0 12 L0 -12 L0 -9 L0 -6 Z"
295   - begin="0s"
296 305 repeatCount="indefinite"
297 306 />
298 307 </g>
... ... @@ -305,10 +314,12 @@
305 314 d="M231.69 443.18C235.28 443.18 238.19 446.09 238.19 449.68C238.19 453.27 235.28 456.18 231.69 456.18C228.1 456.18 225.19 453.27 225.19 449.68C225.19 446.09 228.1 443.18 231.69 443.18L231.69 443.18Z"
306 315 />
307 316 <animateMotion
  317 + path="M0,0 L0 -5 L0 -13 L0 -15 L0 -17 L0 -19 L0 -22 L0 -26 L0 -36
  318 + L0 -46 L0 -50 L0 -59 L0 -60 L0 -69 L0 -71 L0 -79 L0 -89 L0 -91 L0 -122 L0 -132 L0 -142 L0 -162 L0 -172 L0 -182 L0 -192
  319 + "
  320 + begin="1.65s"
308 321 v-if="openAnim"
309 322 :dur="`${duration}s`"
310   - path="M0,0 L0,6 L0 9 L0 12 L0 -12 L0 -9 L0 -6 Z"
311   - begin="0s"
312 323 repeatCount="indefinite"
313 324 />
314 325 </g>
... ...