tiny-vue/examples/sites/demos/pc/overviewimage/chart-liquidfill.svg

32 lines
4.3 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Treemap 树图</title>
<defs>
<linearGradient x1="44.0988019%" y1="54.6885246%" x2="128.792906%" y2="38.058754%" id="linearGradient-1">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="68.1285804%" x2="128.792906%" y2="3.82815352%" id="linearGradient-2">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-3">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="-TinyUI-Vue-组件总览3" transform="translate(-1869.000000, -1434.000000)">
<g id="编组-17备份-5" transform="translate(1771.000000, 1401.000000)">
<g id="Treemap-树图" transform="translate(98.000000, 33.000000)">
<g id="编组"></g>
<g id="水球图" transform="translate(37.000000, 37.000000)">
<path d="M12.484994,28.3409364 L44.8835534,28.3409364 L44.8835534,22.6290516 L39.6710684,22.6290516 C38.3601441,23.0348139 37.0804322,23.1596639 35.6446579,23.1596639 C31.7430972,23.1596639 28.3721489,21.8487395 26.4057623,19.9135654 C26.4057623,19.7887155 26.2809124,19.7887155 26.1560624,19.6638655 C26.0312125,19.5390156 25.9063625,19.2581032 25.6254502,19.0084034 C24.0648259,17.3229292 21.4741897,16.1368547 18.4777911,16.1368547 C15.1068427,16.1368547 12.1104442,17.697479 10.6746699,19.7887155 L10.6746699,25.6566627 C10.9243697,26.1872749 11.3301321,26.5618247 11.8607443,27.092437 C12.0792317,27.5606242 12.3601441,27.9663866 12.484994,28.3409364 L12.484994,28.3409364 Z" id="路径" fill="url(#linearGradient-1)" opacity="0.303770519"></path>
<path d="M42.7923169,20.5378151 C41.4813926,20.9435774 40.4513806,21.7238896 39.7959184,22.6290516 C39.5462185,22.7539016 39.3901561,22.8787515 39.1404562,23.0348139 C37.0492197,24.7202881 33.9279712,25.9063625 30.5570228,25.9063625 C26.4057623,25.9063625 22.8787515,24.3457383 20.787515,22.0048019 C20.787515,21.879952 20.6626651,21.755102 20.5378151,21.755102 C20.4129652,21.5054022 20.1320528,21.2244898 20.0072029,21.0996399 C18.3217287,19.0084034 15.57503,17.7286915 12.4537815,17.7286915 C9.9879952,17.7286915 7.8967587,18.5090036 6.21128451,19.819928 C5.55582233,21.6302521 5.18127251,23.8463385 5.18127251,26.062425 C5.18127251,29.0588235 5.83673469,31.9303721 6.99159664,34.3961585 C9.58223289,39.6086435 13.8895558,43.635054 19.0708283,45.5702281 C19.1956783,45.5702281 19.3205282,45.695078 19.4765906,45.695078 C19.7262905,45.819928 19.8511405,45.819928 20.1320528,45.9447779 C21.942377,46.4753902 24.0336134,46.84994 26,46.84994 C28.0912365,46.84994 30.1512605,46.6002401 32.1176471,45.9447779 C32.242497,45.9447779 32.3673469,45.819928 32.5234094,45.819928 C32.7731092,45.695078 33.1788715,45.5702281 33.4285714,45.4141657 C38.1104442,43.4477791 42.0120048,39.8271309 44.6026411,35.1452581 C45.9135654,32.4297719 46.6938776,29.3085234 46.6938776,26.0312125 C46.6938776,24.0648259 46.4441777,22.2545018 45.9135654,20.4441777 C45.1332533,20.1632653 43.9471789,20.1632653 42.7923169,20.5378151 L42.7923169,20.5378151 Z" id="路径" fill="url(#linearGradient-2)"></path>
<path d="M26,0 C11.7046819,0 0,11.7046819 0,26 C0,40.2953181 11.7046819,52 26,52 C40.2953181,52 52,40.2953181 52,26 C52,11.7046819 40.2953181,0 26,0 Z M26,49.4093637 C13.1092437,49.4093637 2.59063625,38.8595438 2.59063625,26 C2.59063625,13.1404562 13.1092437,2.59063625 26,2.59063625 C38.8907563,2.59063625 49.4093637,13.1092437 49.4093637,26 C49.4093637,38.8907563 38.8907563,49.4093637 26,49.4093637 Z" id="形状" fill="url(#linearGradient-3)" opacity="0.303770519"></path>
</g>
</g>
</g>
</g>
</g>
</svg>