简柏林 / thingskit-view · Commits

Commit c003253950e12ec2ff4b8ae235615bf9db2b7073

Authored by fengwotao
1 parent acaad5ca

perf(src/views/chart): 优化装饰21左边有一部分显示不完全

Inline Side-by-side
Showing 1 changed file with 31 additions and 31 deletions
1   -<template>
  1 +<template>decorates23_linear_41
2 2 <div class="go-content-box">
3 3 <svg
4 4 xmlns="http://www.w3.org/2000/svg"
5 5 xmlns:xlink="http://www.w3.org/1999/xlink"
6 6 :width="w"
7 7 :height="h"
8   - viewBox="0 0 574.9999694824219 488.15087890625"
  8 + viewBox="0 0 574.9999694824219 488.15087890625"
9 9 fill="none"
10 10 >
11   - <g opacity="1" transform="translate(34.999969482421875 0)">
12   - <g id="path" filter="url(#filter_2)">
  11 + <g opacity="1" transform="translate(35 0)">
  12 + <g id="path" filter="url(#decorates21_filter_2)">
13 13 <path
14 14 id="path"
15 15 style="fill: #707070; opacity: 0.6"
16   - d="M471.65 381.331M471.65 381.331Q471.65 402.418 453.856 421.458Q437.041 439.45 406.579 453.235Q376.34 466.92 337.201 474.411Q296.762 482.151 252.5 482.151Q208.239 482.151 167.799 474.41Q128.661 466.917 98.4205 453.232Q67.9595 439.446 51.1438 421.453Q33.35 402.415 33.35 381.331Q33.35 360.247 51.1437 341.207Q67.9594 323.213 98.4203 309.425Q128.661 295.737 167.799 288.244Q208.239 280.501 252.5 280.501Q296.761 280.501 337.201 288.242Q376.34 295.735 406.579 309.422Q437.041 323.209 453.856 341.203Q471.65 360.244 471.65 381.331ZM465.65 381.331Q465.65 362.611 449.472 345.3Q433.475 328.181 404.105 314.888Q374.513 301.494 336.073 294.135Q296.192 286.501 252.5 286.501Q208.809 286.501 168.927 294.137Q130.487 301.497 100.895 314.892Q71.5251 328.185 55.5274 345.304Q39.35 362.615 39.35 381.331Q39.35 400.047 55.5273 417.357Q71.525 434.474 100.894 447.765Q130.487 461.158 168.927 468.517Q208.808 476.151 252.5 476.151Q296.193 476.151 336.073 468.518Q374.514 461.161 404.106 447.769Q433.476 434.478 449.473 417.361Q465.65 400.051 465.65 381.331Z"
  16 + d="M476.65 383.703M476.65 383.703Q476.65 404.8 458.648 423.842Q441.642 441.831 410.836 455.612Q380.252 469.294 340.668 476.784Q299.767 484.523 255 484.523Q210.234 484.523 169.332 476.783Q129.748 469.292 99.1646 455.609Q68.3586 441.826 51.3522 423.838Q33.3501 404.797 33.3501 383.703Q33.3501 362.609 51.3521 343.566Q68.3586 325.577 99.1645 311.792Q129.749 298.107 169.332 290.615Q210.234 282.873 255 282.873Q299.767 282.873 340.668 290.613Q380.252 298.104 410.836 311.788Q441.642 325.572 458.648 343.562Q476.65 362.606 476.65 383.703L470.65 383.703Q470.65 364.993 454.288 347.684Q438.102 330.561 408.385 317.265Q378.444 303.869 339.552 296.508Q299.204 288.873 255 288.873Q210.797 288.873 170.448 296.51Q131.556 303.871 101.615 317.269Q71.8987 330.566 55.7123 347.688Q39.3501 364.996 39.3501 383.703Q39.3501 402.409 55.7122 419.716Q71.8985 436.837 101.615 450.132Q131.556 463.528 170.448 470.887Q210.796 478.523 255 478.523Q299.204 478.523 339.552 470.889Q378.445 463.53 408.385 450.136Q438.102 436.841 454.288 419.72Q470.65 402.413 470.65 383.703L476.65 383.703Z"
17 17 />
18 18 </g>
19   - <g filter="url(#filter_3)">
  19 + <g filter="url(#decorates21_filter_3)">
20 20 <path
21 21 id="path"
22 22 fill-rule="evenodd"
23 23 fill="url(#decorates21_linear_0)"
24 24 opacity="1"
25   - d="M505 335.841C505 396.111 391.95 444.971 252.5 444.971C113.05 444.971 0 396.111 0 335.841C0 275.571 113.05 226.721 252.5 226.721C391.95 226.721 505 275.571 505 335.841L505 335.841Z"
  25 + d="M31 338.21C31 398.48 132.857 447.34 258.5 447.34C384.143 447.34 486 398.48 486 338.21C486 277.94 384.143 229.09 258.5 229.09C132.857 229.09 31 277.94 31 338.21L31 338.21Z"
26 26 />
27 27 <path
28 28 id="path"
29 29 style="fill: #707070; opacity: 1"
30   - d="M510 335.841M510 335.841Q510 360.083 488.731 381.816Q468.877 402.103 433.027 417.597Q397.556 432.927 351.683 441.313Q304.324 449.971 252.5 449.971Q200.676 449.971 153.317 441.313Q107.443 432.927 71.9726 417.597Q36.1231 402.103 16.2695 381.816Q-4.99998 360.083 -4.99997 335.841Q-5 311.599 16.2696 289.867Q36.123 269.582 71.9728 254.09Q107.443 238.762 153.317 230.377Q200.676 221.721 252.5 221.721Q304.324 221.721 351.683 230.377Q397.557 238.762 433.027 254.09Q468.877 269.582 488.73 289.867Q510 311.599 510 335.841ZM500 335.841Q500 315.679 481.584 296.862Q463.105 277.982 429.06 263.269Q394.637 248.394 349.885 240.214Q303.418 231.721 252.5 231.721Q201.582 231.721 155.115 240.214Q110.363 248.394 75.9397 263.27Q41.8946 277.982 23.4163 296.862Q5 315.679 5.00003 335.841Q5.00003 356.004 23.4165 374.822Q41.895 393.703 75.9399 408.418Q110.364 423.295 155.116 431.476Q201.583 439.971 252.5 439.971Q303.417 439.971 349.884 431.476Q394.636 423.295 429.06 408.418Q463.105 393.704 481.584 374.822Q500 356.004 500 335.841Z"
  30 + d="M26 338.21M26 338.21Q25.9999 362.302 45.128 383.995Q63.0685 404.341 95.4713 419.885Q127.518 435.257 168.953 443.664Q211.714 452.34 258.5 452.34Q305.286 452.34 348.047 443.664Q389.481 435.257 421.529 419.885Q453.932 404.341 471.872 383.995Q491 362.302 491 338.21Q491 314.118 471.872 292.427Q453.932 272.082 421.528 256.541Q389.482 241.17 348.047 232.764Q305.287 224.09 258.5 224.09Q211.713 224.09 168.953 232.764Q127.518 241.17 95.4716 256.541Q63.0681 272.082 45.1281 292.427Q26 314.118 26 338.21L36 338.21Q36 317.898 52.6285 299.041Q69.2249 280.22 99.7961 265.557Q130.723 250.724 170.941 242.565Q212.717 234.09 258.5 234.09Q304.282 234.09 346.058 242.565Q386.277 250.724 417.204 265.557Q447.775 280.22 464.371 299.041Q481 317.898 481 338.21Q481 358.523 464.371 377.381Q447.775 396.203 417.204 410.868Q386.276 425.704 346.058 433.864Q304.282 442.34 258.5 442.34Q212.718 442.34 170.942 433.864Q130.724 425.704 99.7964 410.868Q69.2252 396.203 52.6286 377.381Q36 358.523 36 338.21L26 338.21Z"
31 31 />
32 32 </g>
33 33 <path
... ... @@ -35,24 +35,24 @@
35 35 fill-rule="evenodd"
36 36 fill="url(#decorates21_linear_1)"
37 37 opacity="0.2"
38   - d="M453.44 314.061C453.44 362.021 363.47 400.901 252.5 400.901C141.53 400.901 51.5601 362.021 51.5601 314.061C51.5601 266.101 141.53 227.221 252.5 227.221C363.47 227.221 453.44 266.101 453.44 314.061L453.44 314.061Z"
  38 + d="M458.44 316.433C458.44 364.393 367.351 403.273 255 403.273C142.65 403.273 51.5601 364.393 51.5601 316.433C51.5601 268.473 142.65 229.593 255 229.593C367.351 229.593 458.44 268.473 458.44 316.433L458.44 316.433Z"
39 39 />
40 40 <path
41 41 id="path"
42 42 style="fill: #707070; opacity: 0.2"
43   - d="M456.44 314.061M456.44 314.061Q456.44 332.952 439.792 349.961Q424.127 365.967 395.774 378.22Q367.648 390.375 331.252 397.028Q293.651 403.901 252.5 403.901Q211.35 403.901 173.748 397.028Q137.352 390.375 109.226 378.22Q80.8731 365.967 65.2078 349.961Q48.5601 332.952 48.5601 314.061Q48.5601 295.17 65.2078 278.161Q80.8732 262.155 109.226 249.902Q137.352 237.747 173.748 231.094Q211.349 224.221 252.5 224.221Q293.651 224.221 331.252 231.094Q367.648 237.747 395.774 249.902Q424.127 262.155 439.792 278.161Q456.44 295.17 456.44 314.061ZM450.44 314.061Q450.44 297.617 435.504 282.357Q420.664 267.195 393.394 255.41Q365.896 243.526 330.173 236.996Q293.107 230.221 252.5 230.221Q211.893 230.221 174.827 236.996Q139.104 243.526 111.606 255.41Q84.3361 267.195 69.4958 282.357Q54.5601 297.617 54.5601 314.061Q54.5601 330.504 69.4958 345.764Q84.3361 360.927 111.606 372.712Q139.104 384.595 174.827 391.125Q211.893 397.901 252.5 397.901Q293.107 397.901 330.173 391.125Q365.896 384.596 393.394 372.712Q420.664 360.927 435.504 345.764Q450.44 330.504 450.44 314.061Z"
  43 + d="M461.44 316.433M461.44 316.433Q461.44 335.335 444.583 352.347Q428.727 368.348 400.029 380.597Q371.561 392.749 334.719 399.401Q296.657 406.273 255 406.273Q213.344 406.273 175.282 399.401Q138.439 392.749 109.971 380.597Q81.273 368.347 65.4173 352.347Q48.56 335.335 48.56 316.433Q48.5601 297.531 65.4173 280.52Q81.2731 264.518 109.971 252.269Q138.44 240.117 175.282 233.465Q213.344 226.593 255 226.593Q296.656 226.593 334.719 233.465Q371.56 240.117 400.029 252.269Q428.727 264.518 444.583 280.52Q461.44 297.531 461.44 316.433L455.44 316.433Q455.44 300 440.321 284.743Q425.292 269.576 397.674 257.787Q369.828 245.901 333.652 239.37Q296.119 232.593 255 232.593Q213.881 232.593 176.348 239.37Q140.172 245.901 112.326 257.787Q84.7086 269.576 69.6792 284.743Q54.5601 300 54.56 316.433Q54.56 332.866 69.6792 348.123Q84.7084 363.29 112.326 375.079Q140.172 386.965 176.348 393.496Q213.881 400.273 255 400.273Q296.119 400.273 333.652 393.496Q369.828 386.965 397.674 375.079Q425.292 363.29 440.321 348.123Q455.44 332.866 455.44 316.433L461.44 316.433Z"
44 44 />
45 45 <path
46 46 id="path"
47 47 fill-rule="evenodd"
48 48 fill="url(#decorates21_linear_2)"
49 49 opacity="1"
50   - d="M453.44 279.061C453.44 327.021 363.47 365.901 252.5 365.901C141.53 365.901 51.5601 327.021 51.5601 279.061C51.5601 231.101 141.53 192.218 252.5 192.218C363.47 192.218 453.44 231.101 453.44 279.061L453.44 279.061Z"
  50 + d="M458.44 281.433C458.44 329.393 367.351 368.273 255 368.273C142.65 368.273 51.5601 329.393 51.5601 281.433C51.5601 233.473 142.65 194.59 255 194.59C367.351 194.59 458.44 233.473 458.44 281.433L458.44 281.433Z"
51 51 />
52 52 <path
53 53 id="path"
54 54 style="fill: #707070; opacity: 1"
55   - d="M459.44 279.061M459.44 279.061Q459.44 299.176 441.936 317.06Q425.858 333.487 396.964 345.974Q368.524 358.264 331.791 364.979Q293.923 371.901 252.5 371.901Q211.077 371.901 173.209 364.979Q136.476 358.264 108.036 345.974Q79.1417 333.487 63.0639 317.06Q45.5601 299.176 45.5601 279.061Q45.5601 258.946 63.0638 241.062Q79.1417 224.635 108.036 212.147Q136.476 199.856 173.209 193.141Q211.077 186.218 252.5 186.218Q293.923 186.218 331.791 193.141Q368.524 199.856 396.964 212.147Q425.858 224.635 441.936 241.062Q459.44 258.946 459.44 279.061ZM447.44 279.061Q447.44 263.842 433.36 249.456Q418.932 234.714 392.203 223.162Q365.02 211.414 329.633 204.945Q292.835 198.218 252.5 198.218Q212.165 198.218 175.367 204.945Q139.98 211.414 112.797 223.162Q86.0677 234.714 71.6398 249.456Q57.5601 263.842 57.5601 279.061Q57.5601 294.281 71.6398 308.666Q86.0676 323.407 112.797 334.959Q139.98 346.706 175.367 353.175Q212.165 359.901 252.5 359.901Q292.835 359.901 329.634 353.175Q365.02 346.706 392.204 334.959Q418.933 323.407 433.36 308.666Q447.44 294.281 447.44 279.061Z"
  55 + d="M464.44 281.433M464.44 281.433Q464.44 301.57 446.714 319.458Q430.445 335.877 401.207 348.357Q372.427 360.642 335.252 367.353Q296.925 374.273 255 374.273Q213.075 374.273 174.749 367.354Q137.574 360.642 108.793 348.357Q79.5555 335.877 63.2863 319.459Q45.56 301.57 45.56 281.433Q45.5601 261.297 63.2863 243.408Q79.5554 226.989 108.793 214.509Q137.574 202.223 174.749 195.511Q213.075 188.59 255 188.59Q296.925 188.59 335.252 195.511Q372.427 202.223 401.207 214.509Q430.445 226.989 446.714 243.408Q464.44 261.297 464.44 281.433L452.44 281.433Q452.44 266.235 438.19 251.854Q423.574 237.104 396.496 225.545Q368.961 213.791 333.119 207.32Q295.85 200.59 255 200.59Q214.15 200.59 176.881 207.32Q141.039 213.791 113.504 225.545Q86.4264 237.104 71.8103 251.854Q57.5601 266.235 57.56 281.433Q57.56 296.631 71.8102 311.012Q86.4263 325.762 113.504 337.32Q141.039 349.073 176.881 355.544Q214.15 362.273 255 362.273Q295.85 362.273 333.119 355.544Q368.961 349.073 396.496 337.32Q423.574 325.762 438.19 311.012Q452.44 296.631 452.44 281.433L464.44 281.433Z"
56 56 />
57 57 <g id="path" filter="url(#filter_7)">
58 58 <path
... ... @@ -60,27 +60,27 @@
60 60 fill-rule="evenodd"
61 61 style="fill: #033134"
62 62 opacity="0.7"
63   - d="M389.53 261.258C389.53 276.995 329.314 289.75 255.03 289.75C180.747 289.75 120.53 276.995 120.53 261.258C120.53 245.521 180.747 232.75 255.03 232.75C329.314 232.75 389.53 245.521 389.53 261.258L389.53 261.258Z"
  63 + d="M392.03 263.63C392.03 279.367 331.814 292.122 257.53 292.122C183.247 292.122 123.03 279.367 123.03 263.63C123.03 247.893 183.247 235.122 257.53 235.122C331.814 235.122 392.03 247.893 392.03 263.63L392.03 263.63Z"
64 64 />
65 65 </g>
66 66 <path
67 67 id="path"
68 68 style="fill: #707070; opacity: 0.4"
69   - d="M415.1 265.249M415.1 265.249Q415.1 277.908 401.899 289.227Q389.546 299.82 367.183 307.93Q320.254 324.949 254 324.949Q187.745 324.949 140.817 307.93Q118.454 299.82 106.101 289.228Q92.9 277.909 92.9 265.249Q92.9 252.589 106.101 241.27Q118.454 230.678 140.817 222.568Q187.745 205.549 254 205.549Q320.254 205.549 367.183 222.568Q389.546 230.678 401.899 241.271Q415.1 252.59 415.1 265.249ZM411.1 265.249Q411.1 254.429 399.296 244.307Q387.496 234.19 365.819 226.329Q319.551 209.549 254 209.549Q188.448 209.549 142.181 226.328Q120.504 234.189 108.705 244.307Q96.9 254.429 96.9 265.249Q96.9 276.07 108.705 286.192Q120.504 296.309 142.181 304.17Q188.448 320.949 254 320.949Q319.551 320.949 365.819 304.169Q387.496 296.308 399.296 286.191Q411.1 276.069 411.1 265.249Z"
  69 + d="M417.6 267.621M417.6 267.621Q417.6 280.28 404.399 291.599Q392.046 302.192 369.683 310.302Q322.754 327.321 256.5 327.321Q190.245 327.321 143.317 310.303Q120.954 302.193 108.601 291.6Q95.4 280.281 95.4 267.621Q95.4 254.961 108.601 243.642Q120.954 233.05 143.317 224.94Q190.245 207.921 256.5 207.921Q322.754 207.921 369.683 224.94Q392.046 233.051 404.399 243.643Q417.6 254.962 417.6 267.621L413.6 267.621Q413.6 256.801 401.796 246.679Q389.996 236.562 368.319 228.701Q322.051 211.921 256.5 211.921Q190.948 211.921 144.681 228.7Q123.004 236.561 111.205 246.679Q99.4 256.801 99.4 267.621Q99.4 278.442 111.205 288.564Q123.004 298.681 144.681 306.542Q190.948 323.321 256.5 323.321Q322.051 323.321 368.319 306.541Q389.996 298.68 401.796 288.563Q413.6 278.441 413.6 267.621L417.6 267.621Z"
70 70 />
71 71 <path
72 72 id="path"
73 73 style="fill: #707070; opacity: 0.4"
74   - d="M415.6 276.249M415.6 276.249Q415.6 289.138 402.225 300.607Q389.802 311.259 367.354 319.4Q320.342 336.449 254 336.449Q187.657 336.449 140.646 319.401Q118.198 311.259 105.775 300.608Q92.4 289.139 92.4 276.249Q92.4 263.359 105.775 251.89Q118.198 241.239 140.646 233.098Q187.657 216.049 254 216.049Q320.342 216.049 367.354 233.098Q389.802 241.24 402.225 251.891Q415.6 263.36 415.6 276.249ZM410.6 276.249Q410.6 265.659 398.97 255.687Q387.24 245.629 365.649 237.799Q319.464 221.049 254 221.049Q188.536 221.049 142.351 237.798Q120.76 245.628 109.03 255.686Q97.4 265.658 97.4 276.249Q97.4 286.84 109.03 296.812Q120.76 306.87 142.351 314.7Q188.536 331.449 254 331.449Q319.464 331.449 365.649 314.699Q387.24 306.869 398.97 296.811Q410.6 286.839 410.6 276.249Z"
  74 + d="M418.1 278.621M418.1 278.621Q418.1 291.51 404.725 302.979Q392.302 313.631 369.854 321.772Q322.842 338.821 256.5 338.821Q190.157 338.821 143.146 321.773Q120.698 313.631 108.275 302.98Q94.9 291.511 94.9 278.621Q94.9 265.731 108.275 254.263Q120.698 243.611 143.146 235.47Q190.157 218.421 256.5 218.421Q322.842 218.421 369.854 235.47Q392.302 243.612 404.725 254.263Q418.1 265.732 418.1 278.621L413.1 278.621Q413.1 268.031 401.47 258.059Q389.74 248.001 368.149 240.171Q321.964 223.421 256.5 223.421Q191.036 223.421 144.851 240.17Q123.26 248 111.53 258.058Q99.9 268.031 99.9 278.621Q99.9 289.212 111.53 299.184Q123.26 309.242 144.851 317.072Q191.036 333.821 256.5 333.821Q321.964 333.821 368.149 317.071Q389.74 309.241 401.47 299.183Q413.1 289.211 413.1 278.621L418.1 278.621Z"
75 75 />
76 76 <path
77 77 id="path"
78 78 fill-rule="evenodd"
79 79 fill="url(#decorates21_linear_3)"
80 80 opacity="0.3"
81   - d="M253.34 350.901C150.15 350.901 66.5 314.751 66.5 270.151C66.5 269.371 66.5299 268.591 66.58 267.811L66.5 0L439.78 0L439.78 264.891C440.044 266.634 440.177 268.388 440.18 270.151C440.18 314.751 356.53 350.901 253.34 350.901L253.34 350.901Z"
  81 + d="M255.84 350.901C151.269 350.901 66.5 314.751 66.5 270.151C66.5 269.371 66.5303 268.591 66.581 267.811L66.5 0L444.775 0L444.775 264.891C445.042 266.634 445.177 268.388 445.18 270.151C445.18 314.751 360.411 350.901 255.84 350.901L255.84 350.901Z"
82 82 />
83   - <g opacity="1" transform="translate(28.5 58)">
  83 + <g opacity="1" transform="translate(28.782180786132812 60.3720703125)">
84 84 <text>
85 85 <tspan
86 86 :x="fontConfig.x1"
... ... @@ -104,7 +104,7 @@
104 104 repeatCount="indefinite"
105 105 />
106 106 </g>
107   - <g opacity="1" transform="translate(28.5 172)">
  107 + <g opacity="1" transform="translate(28.782180786132812 174.3720703125)">
108 108 <text>
109 109 <tspan
110 110 :x="fontConfig.x2"
... ... @@ -131,10 +131,10 @@
131 131 </g>
132 132 <defs>
133 133 <filter
134   - id="filter_2"
  134 + id="decorates21_filter_2"
135 135 x="-3"
136 136 y="-3"
137   - width="438.300048828125"
  137 + width="443.300048828125"
138 138 height="201.64990234375"
139 139 filterUnits="userSpaceOnUse"
140 140 color-interpolation-filters="sRGB"
... ... @@ -145,22 +145,22 @@
145 145 </filter>
146 146 <linearGradient
147 147 id="decorates21_linear_0"
148   - x1="50%"
149   - y1="99.99989867210388%"
150   - x2="51%"
151   - y2="0%"
152   - gradientUnits="objectBoundingBox"
  148 + x1="258.5"
  149 + y1="229.09022114819513"
  150 + x2="258.5"
  151 + y2="447.3400610351563"
  152 + gradientUnits="userSpaceOnUse"
153 153 >
154 154 <stop offset="0" stop-color="#023F41" stop-opacity="0.6" />
155 155 <stop offset="0.9900000095367432" :stop-color="colorConfig.linear0Color.stopColor1" stop-opacity="0" />
156 156 <stop offset="1.0000000095367432" :stop-color="colorConfig.linear0Color.stopColor2" stop-opacity="0.6" />
157 157 </linearGradient>
158 158 <filter
159   - id="filter_3"
  159 + id="decorates21_filter_3"
160 160 x="0"
161 161 y="0"
162   - width="575"
163   - height="514.971"
  162 + width="556"
  163 + height="517.3399999999999"
164 164 filterUnits="userSpaceOnUse"
165 165 color-interpolation-filters="sRGB"
166 166 >
... ... @@ -224,9 +224,9 @@
224 224 y2="17.526300251483917%"
225 225 gradientUnits="objectBoundingBox"
226 226 >
227   - <stop offset="0" :stop-color="colorConfig.linear3Color.stopColor1" stop-opacity="1" />
228   - <stop offset="1" :stop-color="colorConfig.linear3Color.stopColor2" stop-opacity="0" />
229   - </linearGradient>
  227 + <stop offset="0" :stop-color="colorConfig.linear3Color.stopColor1" stop-opacity="1" />
  228 + <stop offset="1" :stop-color="colorConfig.linear3Color.stopColor2" stop-opacity="0" />
  229 + </linearGradient>
230 230 </defs>
231 231 </svg>
232 232 </div>
... ...