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

135 lines
17 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="50%" y1="45.9685271%" x2="50%" y2="100%" id="linearGradient-1">
<stop stop-color="#ECF3FB" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50.3956523%" y1="35.9331967%" x2="50%" y2="64.0668033%" id="linearGradient-2">
<stop stop-color="#E3EFFD" stop-opacity="0.00575352382" offset="0%"></stop>
<stop stop-color="#E5F0FD" offset="34.0601199%"></stop>
<stop stop-color="#F0F6FE" offset="100%"></stop>
</linearGradient>
<linearGradient x1="33.3333333%" y1="34.495573%" x2="96.9740837%" y2="65.4421891%" id="linearGradient-3">
<stop stop-color="#D5E6F9" offset="0%"></stop>
<stop stop-color="#F7FBFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="90.9912104%" y1="29.4309598%" x2="33.3333333%" y2="67.7472684%" id="linearGradient-4">
<stop stop-color="#D5E6F9" offset="0%"></stop>
<stop stop-color="#E7F0F9" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-5">
<stop stop-color="#CEE6FE" offset="0%"></stop>
<stop stop-color="#8AB5F2" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-6">
<stop stop-color="#BFD6F9" offset="0%"></stop>
<stop stop-color="#F3F6FE" offset="100%"></stop>
</linearGradient>
<linearGradient x1="89.8473889%" y1="61.7348066%" x2="0%" y2="61.7348066%" id="linearGradient-7">
<stop stop-color="#CAD9F3" offset="0%"></stop>
<stop stop-color="#D5E3F7" offset="100%"></stop>
</linearGradient>
<filter x="-18.5%" y="-60.0%" width="136.9%" height="220.0%" filterUnits="objectBoundingBox" id="filter-8">
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-9">
<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-10">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="47.3098106%" y1="86.8386573%" x2="85.919459%" y2="-43.8247114%" id="linearGradient-11">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="64.0685441%" x2="128.792906%" y2="14.168697%" id="linearGradient-12">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="58.1974452%" x2="128.792906%" y2="29.1218522%" id="linearGradient-13">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="47.5319454%" y1="86.8386573%" x2="82.9535107%" y2="-43.8247114%" id="linearGradient-14">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="49.802806%" y1="86.8386573%" x2="52.6329379%" y2="-43.8247114%" id="linearGradient-15">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="47.3806306%" y1="86.8386573%" x2="84.9738685%" y2="-43.8247114%" id="linearGradient-16">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="64.965597%" x2="128.792906%" y2="11.8839849%" id="linearGradient-17">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="47.6632462%" y1="86.8386573%" x2="81.2003801%" y2="-43.8247114%" id="linearGradient-18">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="67.6335933%" x2="128.792906%" y2="5.08884068%" id="linearGradient-19">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0988019%" y1="51.1935068%" x2="128.792906%" y2="46.9602468%" id="linearGradient-20">
<stop stop-color="#5073E5" offset="0%"></stop>
<stop stop-color="#5E7CE0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-21">
<stop stop-color="#FFCC00" offset="0%"></stop>
<stop stop-color="#FF9D00" offset="100%"></stop>
</linearGradient>
</defs>
<g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="-TinyUI-Vue-组件总览3" transform="translate(-1478.000000, -1434.000000)">
<g id="编组-17备份-4" transform="translate(1380.000000, 1401.000000)">
<g id="Treemap-树图" transform="translate(98.000000, 33.000000)">
<g id="编组">
<g transform="translate(9.000000, 1.000000)" id="多边形">
<polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
<polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
<polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
<polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
<polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
<polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
</g>
<ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
</g>
<circle id="椭圆形" fill="url(#linearGradient-9)" opacity="0.204287574" cx="62" cy="67" r="15"></circle>
<g id="环形树图" transform="translate(36.000000, 41.000000)">
<path d="M3.09523808,14.6095238 C3.09523808,16.6608671 4.75818043,18.3238095 6.80952379,18.3238095 C8.86086715,18.3238095 10.5238095,16.6608671 10.5238095,14.6095238 C10.5238095,12.5581804 8.86086715,10.8952381 6.80952379,10.8952381 C4.75818043,10.8952381 3.09523808,12.5581804 3.09523808,14.6095238 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M22.2857143,3.71428571 C22.2857143,5.76562907 23.9486566,7.42857143 26,7.42857143 C28.0513434,7.42857143 29.7142857,5.76562907 29.7142857,3.71428571 C29.7142857,1.66294236 28.0513434,0 26,0 C23.9486566,0 22.2857143,1.66294236 22.2857143,3.71428571 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M11.1428571,6.80952379 C11.1428571,8.86086715 12.8057995,10.5238095 14.8571429,10.5238095 C16.9084862,10.5238095 18.5714286,8.86086715 18.5714286,6.80952379 C18.5714286,4.75818043 16.9084862,3.09523808 14.8571429,3.09523808 C12.8057995,3.09523808 11.1428571,4.75818043 11.1428571,6.80952379 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M33.4285714,45.1904762 C33.4285714,47.2418196 35.0915138,48.9047619 37.1428571,48.9047619 C39.1942005,48.9047619 40.8571429,47.2418196 40.8571429,45.1904762 C40.8571429,43.1391329 39.1942005,41.4761905 37.1428571,41.4761905 C35.0915138,41.4761905 33.4285714,43.1391329 33.4285714,45.1904762 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M44.5714286,26 C44.5714286,28.0513434 46.2343709,29.7142857 48.2857143,29.7142857 C50.3370576,29.7142857 52,28.0513434 52,26 C52,23.9486566 50.3370576,22.2857143 48.2857143,22.2857143 C46.2343709,22.2857143 44.5714286,23.9486566 44.5714286,26 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M0,26 C0,28.0513434 1.66294236,29.7142857 3.71428571,29.7142857 C5.76562907,29.7142857 7.42857143,28.0513434 7.42857143,26 C7.42857143,23.9486566 5.76562907,22.2857143 3.71428571,22.2857143 C1.66294236,22.2857143 0,23.9486566 0,26 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M22.2857143,48.2857143 C22.2857143,50.3370576 23.9486566,52 26,52 C28.0513434,52 29.7142857,50.3370576 29.7142857,48.2857143 C29.7142857,46.2343709 28.0513434,44.5714286 26,44.5714286 C23.9486566,44.5714286 22.2857143,46.2343709 22.2857143,48.2857143 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M41.3523809,14.6095238 C41.3523809,16.6608671 43.0153233,18.3238095 45.0666666,18.3238095 C47.11801,18.3238095 48.7809524,16.6608671 48.7809524,14.6095238 C48.7809524,12.5581804 47.11801,10.8952381 45.0666666,10.8952381 C43.0153233,10.8952381 41.3523809,12.5581804 41.3523809,14.6095238 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M33.4285714,6.80952379 C33.4285714,8.86086715 35.0915138,10.5238095 37.1428571,10.5238095 C39.1942005,10.5238095 40.8571429,8.86086715 40.8571429,6.80952379 C40.8571429,4.75818043 39.1942005,3.09523808 37.1428571,3.09523808 C35.0915138,3.09523808 33.4285714,4.75818043 33.4285714,6.80952379 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M3.09523808,37.1428571 C3.09523808,39.1942005 4.75818043,40.8571429 6.80952379,40.8571429 C8.86086715,40.8571429 10.5238095,39.1942005 10.5238095,37.1428571 C10.5238095,35.0915138 8.86086715,33.4285714 6.80952379,33.4285714 C4.75818043,33.4285714 3.09523808,35.0915138 3.09523808,37.1428571 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M11.1428571,45.1904762 C11.1428571,47.2418196 12.8057995,48.9047619 14.8571429,48.9047619 C16.9084862,48.9047619 18.5714286,47.2418196 18.5714286,45.1904762 C18.5714286,43.1391329 16.9084862,41.4761905 14.8571429,41.4761905 C12.8057995,41.4761905 11.1428571,43.1391329 11.1428571,45.1904762 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M41.3523809,37.1428571 C41.3523809,39.1942005 43.0153233,40.8571429 45.0666666,40.8571429 C47.11801,40.8571429 48.7809524,39.1942005 48.7809524,37.1428571 C48.7809524,35.0915138 47.11801,33.4285714 45.0666666,33.4285714 C43.0153233,33.4285714 41.3523809,35.0915138 41.3523809,37.1428571 Z" id="路径" fill="url(#linearGradient-10)"></path>
<path d="M26.9904762,2.97142857 L26.6190476,2.4761905 L24.6380952,3.96190478 L25.0095238,4.45714286 C30.3333333,10.8952381 26.7428571,21.0476191 25.5047619,24.2666666 C13.9904762,17.2095238 15.8476191,8.17142857 16.0952381,7.05714286 L16.2190476,6.43809522 L14.1142857,5.81904764 L13.8666666,6.06666665 C13.4952381,6.43809522 13.1238095,8.79047615 13.4952381,11.5142857 C14.1142857,15.8476191 16.5904762,22.0380952 25.3809524,26.9904762 L26.4952381,27.7333334 L27.2380952,26.4952381 C27.8571429,25.0095238 34.1714286,11.7619047 26.9904762,2.97142857 L26.9904762,2.97142857 Z" id="路径" fill="url(#linearGradient-11)" opacity="0.604724702"></path>
<path d="M26.2476191,25.0095238 C8.91428571,22.1619048 7.42857143,14.7333334 7.42857143,14.7333334 L7.42857143,13.9904762 L5.44761907,14.3619048 L4.82857143,14.6095238 L4.95238093,15.2285714 C5.57142857,17.3333334 8.66666665,24.6380952 25.7523809,27.4857143 L26.3714286,27.6095238 L26.8666666,25.1333334 L26.2476191,25.0095238 L26.2476191,25.0095238 Z" id="路径" fill="url(#linearGradient-12)" opacity="0.303770519"></path>
<path d="M26,25.1333334 C14.3619048,21.2952381 5.69523808,24.0190476 3.34285714,24.8857143 L2.7238095,25.1333334 L3.59047621,27.2380952 L3.96190478,27.2380952 C4.08571429,27.2380952 4.08571429,27.2380952 4.33333335,27.1142857 C6.56190478,26.3714286 12.0095238,24.8857143 19.4380952,26 C15.4761904,27.3619048 10.4,30.2095238 5.81904764,36.2761905 L5.44761907,36.7714286 L7.42857143,38.3809524 L7.8,37.8857143 C15.7238095,27.2380952 25.3809524,27.4857143 25.5047619,27.4857143 L35.0380952,27.9809524 L26,25.1333334 L26,25.1333334 Z" id="路径" fill="url(#linearGradient-13)" opacity="0.303770519"></path>
<path d="M26.1238095,25.2571429 L25.5047619,25.5047619 C14.8571429,29.0952381 13.6190476,44.9428571 13.6190476,45.0666666 L13.6190476,45.6857143 L16.0952381,45.9333334 L16.0952381,45.3142857 C16.0952381,45.1904762 17.4571429,30.9523809 26.3714286,27.7333334 L26.9904762,27.4857143 L26.1238095,25.2571429 L26.1238095,25.2571429 Z" id="路径" fill="url(#linearGradient-14)" opacity="0.303770519"></path>
<path d="M26.7428571,24.8857143 L26.4952381,24.2666666 L24.2666666,25.0095238 L24.5142857,25.6285714 C27.7333334,34.9142857 25.6285714,44.3238095 24.8857143,47.0476191 L24.8857143,47.9142857 L27.1142857,48.5333334 L27.3619048,47.9142857 C27.2380953,47.9142857 30.8285714,36.6476191 26.7428571,24.8857143 L26.7428571,24.8857143 Z" id="路径" fill="url(#linearGradient-15)" opacity="0.303770519"></path>
<path d="M26.1238095,25.2571429 L25.6285714,24.8857143 L24.3904762,27.1142857 L24.8857143,27.3619048 C35.5333334,33.4285714 36.0285714,42.3428571 35.9047619,44.9428571 L35.9047619,45.6857143 L38.3809524,45.9333334 L38.3809524,45.3142857 C38.5047619,44.0761905 38.8761904,32.4380952 26.1238095,25.2571429 Z" id="路径" fill="url(#linearGradient-16)" opacity="0.604724702"></path>
<path d="M25.8761905,24.6380952 L25.2571429,24.6380952 L25.0095238,27.1142857 L25.6285714,27.1142857 C37.5142857,27.7333334 43.2095238,36.4 43.8285714,37.2666666 L43.8285714,38.1333334 L46.1809524,36.7714286 L46.1809524,36.4 C46.3047619,35.9047619 39.7428571,25.3809524 25.8761905,24.6380952 L25.8761905,24.6380952 Z" id="路径" fill="url(#linearGradient-17)" opacity="0.303770519"></path>
<path d="M38.3809524,6.68571429 L38.3809524,5.94285714 L36.5238095,6.19047621 L35.9047619,6.31428571 L35.9047619,6.93333335 C36.0285714,7.92380956 36.4,17.4571429 25.2571429,25.2571429 L24.7619048,25.6285714 L26.2476191,27.6095238 L26.7428571,27.2380952 C38.1333334,19.1904762 38.5047619,9.53333329 38.3809524,6.68571429 L38.3809524,6.68571429 Z" id="路径" fill="url(#linearGradient-18)" opacity="0.303770519"></path>
<path d="M43.9523809,13.9904762 C43.9523809,14.1142857 39.7428571,21.6666667 25.6285714,25.5047619 L25.0095238,25.6285714 L25.7523809,28.1047619 L26.3714286,27.9809524 C42.2190476,23.7714286 46.1809524,15.2285714 46.1809524,15.2285714 L46.3047619,14.7333334 L44.2,13.3714286 L43.9523809,13.9904762 Z" id="路径" fill="url(#linearGradient-19)" opacity="0.303770519"></path>
<path d="M49.0285714,24.8857143 C48.4095238,24.2666666 41.8476191,21.6666666 26.3714286,24.5142857 L25.7523809,24.6380952 L26.2476191,27.1142857 L26.8666666,26.9904762 C42.2190476,24.2666667 47.7904762,26.9904762 47.9142857,27.1142857 L48.5333334,27.4857143 L49.5238095,25.3809524 L49.0285714,24.8857143 Z" id="路径" fill="url(#linearGradient-20)" opacity="0.303770519"></path>
<path d="M21.0476191,26 C21.0476191,28.7351245 23.2648755,30.9523809 26,30.9523809 C28.7351245,30.9523809 30.9523809,28.7351245 30.9523809,26 C30.9523809,24.2306847 30.0084625,22.5957699 28.4761905,21.7111122 C26.9439185,20.8264545 25.0560815,20.8264545 23.5238095,21.7111122 C21.9915375,22.5957699 21.0476191,24.2306847 21.0476191,26 L21.0476191,26 Z" id="路径" fill="url(#linearGradient-21)"></path>
</g>
</g>
</g>
</g>
</g>
</svg>