@antv/thumbnails-component
Version:
React Component for Thumbnails of Chart Types.
16 lines (13 loc) • 43.9 kB
JavaScript
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Thumbnail={},t.React)}(this,(function(t,e){"use strict";function o(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(o){if("default"!==o){var l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:function(){return t[o]}})}})),e.default=t,Object.freeze(e)}var l=o(e),a=function(){return a=Object.assign||function(t){for(var e,o=1,l=arguments.length;o<l;o++)for(var a in e=arguments[o])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},a.apply(this,arguments)};
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */var i={area_chart:{id:"area_chart",name:"Area Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M40 180h140M40 123.333h140M40 66.667h140M40 10h140"/></g><path fill="none" stroke="#BFBFBF" d="M40 180h140"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="40" y="184" alignment-baseline="before-edge">2016</text><text x="75" y="184" alignment-baseline="before-edge">2017</text><text x="110" y="184" alignment-baseline="before-edge">2018</text><text x="145" y="184" alignment-baseline="before-edge">2019</text><text x="180" y="184" alignment-baseline="before-edge">2020</text></g><g stroke="#BFBFBF"><path d="M40 180v4M75 180v4M110 180v4M145 180v4M180 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="32" y="180" alignment-baseline="central">0</text><text x="32" y="123.333" alignment-baseline="central">100</text><text x="32" y="66.667" alignment-baseline="central">200</text><text x="32" y="10" alignment-baseline="central">300</text></g></g><g><path fill="#5B8FF9" fill-opacity=".25" d="M40 95l35 34 35-51 35 5.667L180 44v136H40z"/><path fill="none" stroke="#5B8FF9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M40 95l35 34 35-51 35 5.667L180 44"/></g></svg>'},bar_chart:{id:"bar_chart",name:"Bar Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M20 180V10M73.333 180V10M126.667 180V10M180 180V10"/></g><path fill="none" stroke="#BFBFBF" d="M20 180V10"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="12" y="158.75" alignment-baseline="central">D</text><text x="12" y="116.25" alignment-baseline="central">C</text><text x="12" y="73.75" alignment-baseline="central">B</text><text x="12" y="31.25" alignment-baseline="central">A</text></g><g stroke="#BFBFBF"><path d="M20 158.75h-4M20 116.25h-4M20 73.75h-4M20 31.25h-4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="20" y="184" alignment-baseline="before-edge">0</text><text x="73.333" y="184" alignment-baseline="before-edge">100</text><text x="126.667" y="184" alignment-baseline="before-edge">200</text><text x="180" y="184" alignment-baseline="before-edge">300</text></g></g><g><g fill="#5B8FF9" fill-opacity=".95"><path d="M20 171.5h117.333V146H20v25.5zM20 129h138.667v-25.5H20V129zM20 86.5h61.333V61H20v25.5zM20 44h74.667V18.5H20V44z"/></g></g></svg>'},bubble_chart:{id:"bubble_chart",name:"Bubble Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g><g fill-opacity=".6"><path fill="#5B8FF9" stroke="#5B8FF9" d="M68.9 66.667a13.6 13.6 0 1027.2 0 13.6 13.6 0 10-27.2 0"/><path fill="#5AD8A6" stroke="#5AD8A6" d="M15 133.333a40 40 0 1080 0 40 40 0 10-80 0"/><path fill="#FF9845" stroke="#FF9845" d="M95 53.333a40 40 0 1080 0 40 40 0 10-80 0"/><path fill="#F6BD16" stroke="#F6BD16" d="M95 133.333a40 40 0 1080 0 40 40 0 10-80 0"/><path fill="#A37FDB" stroke="#A37FDB" d="M22.5 46.667a20 20 0 1040 0 20 20 0 10-40 0"/><path fill="#1E9493" stroke="#1E9493" d="M102 93.333a8 8 0 1016 0 8 8 0 10-16 0"/><path fill="#FF99C3" stroke="#FF99C3" d="M75.5 93.333a12 12 0 1024 0 12 12 0 10-24 0"/></g></g></svg>'},column_chart:{id:"column_chart",name:"Column Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180H199.5M28.016 122H199.5M28.016 64H199.5M28.016 6H199.5"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180H199.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="49.451" y="188" alignment-baseline="before-edge">A</text><text x="92.322" y="188" alignment-baseline="before-edge">B</text><text x="135.193" y="188" alignment-baseline="before-edge">C</text><text x="178.064" y="188" alignment-baseline="before-edge">D</text></g><g stroke="#BFBFBF"><path d="M49.451 180v4M92.322 180v4M135.193 180v4M178.064 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g><g fill="#5B8FF9" fill-opacity=".95"><path d="M39.451 180V98.8h20V180h-20zM82.322 180v-66.7h20V180h-20zM125.193 180V29.2h20V180h-20zM168.064 180V52.4h20V180h-20z"/></g></g></svg>'},donut_chart:{id:"donut_chart",name:"Donut Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g><g fill-opacity=".95" stroke="#fff"><path fill="#5B8FF9" d="M100 52a48 48 0 0136.985 78.596l24.656 20.398A80 80 0 00100 20v32z"/><path fill="#5AD8A6" d="M136.985 130.596A48 48 0 0159.472 74.28L32.454 57.134a80 80 0 00129.187 93.86l-24.656-20.398z"/><path fill="#FF9845" d="M59.472 74.28A48 48 0 01100 52V20a80 80 0 00-67.546 37.134L59.472 74.28z"/></g></g><g><text x="157.909" y="72.75" fill="#FFF" stroke="null" stroke-width="0" alignment-baseline="central" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="14" paint-order="stroke" text-anchor="middle">A</text><text x="62.382" y="151.777" fill="#FFF" stroke="null" stroke-width="0" alignment-baseline="central" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="14" paint-order="stroke" text-anchor="middle">B</text><text x="69.168" y="43.916" fill="#FFF" stroke="null" stroke-width="0" alignment-baseline="central" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="14" paint-order="stroke" text-anchor="middle">C</text></g></svg>'},grouped_bar_chart:{id:"grouped_bar_chart",name:"Grouped Bar Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M16.664 180V.5M74.44 180V.5M132.216 180V.5M189.992 180V.5"/></g><path fill="none" stroke="#BFBFBF" d="M16.664 180V.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="8.664" y="157.563" alignment-baseline="central">D</text><text x="8.664" y="112.688" alignment-baseline="central">C</text><text x="8.664" y="67.813" alignment-baseline="central">B</text><text x="8.664" y="22.938" alignment-baseline="central">A</text></g><g stroke="#BFBFBF"><path d="M16.664 157.563h-4M16.664 112.688h-4M16.664 67.813h-4M16.664 22.938h-4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="16.664" y="188" alignment-baseline="before-edge">0</text><text x="74.44" y="188" alignment-baseline="before-edge">100</text><text x="132.216" y="188" alignment-baseline="before-edge">200</text><text x="189.992" y="188" alignment-baseline="before-edge">300</text></g></g><g><g fill-opacity=".95"><path fill="#5B8FF9" d="M16.664 171.235h150.218v-13.462H16.664v13.462zM16.664 126.36h167.55v-13.462H16.664v13.462zM16.664 81.485h86.664V68.023H16.664v13.462zM16.664 36.61h92.442V23.148H16.664V36.61z"/><path fill="#5AD8A6" d="M16.664 157.352h127.107V143.89H16.664v13.462zM16.664 112.477h150.218V99.015H16.664v13.462zM16.664 67.602h66.442V54.14H16.664v13.462zM16.664 22.727H97.55V9.265H16.664v13.462z"/></g></g></svg>'},grouped_column_chart:{id:"grouped_column_chart",name:"Grouped Column Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180H199.5M28.016 122H199.5M28.016 64H199.5M28.016 6H199.5"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180H199.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="49.451" y="188" alignment-baseline="before-edge">A</text><text x="92.322" y="188" alignment-baseline="before-edge">B</text><text x="135.193" y="188" alignment-baseline="before-edge">C</text><text x="178.064" y="188" alignment-baseline="before-edge">D</text></g><g stroke="#BFBFBF"><path d="M49.451 180v4M92.322 180v4M135.193 180v4M178.064 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g><g fill-opacity=".95"><path fill="#5B8FF9" d="M36.39 180V98.8h12.86V180H36.39zM79.26 180v-66.7h12.862V180H79.26zM122.131 180V29.2h12.862V180H122.13zM165.002 180V52.4h12.862V180h-12.862z"/><path fill="#5AD8A6" d="M49.652 180V87.2h12.862V180H49.652zM92.523 180V93h12.862v87H92.523zM135.394 180V11.8h12.862V180h-12.862zM178.265 180V29.2h12.862V180h-12.862z"/></g></g></svg>'},heatmap:{id:"heatmap",name:"Heatmap",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#f0f0f0" stroke-dasharray="null"><path d="M60 180V20M100 180V20M140 180V20"/><g><path d="M20 157.143h160M20 134.286h160M20 111.429h160M20 88.571h160M20 65.714h160M20 42.857h160"/></g></g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="40" y="188" alignment-baseline="before-edge">A</text><text x="80" y="188" alignment-baseline="before-edge">B</text><text x="120" y="188" alignment-baseline="before-edge">C</text><text x="160" y="188" alignment-baseline="before-edge">D</text></g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="12" y="168.571" alignment-baseline="central">4</text><text x="12" y="145.714" alignment-baseline="central">5</text><text x="12" y="122.857" alignment-baseline="central">6</text><text x="12" y="100" alignment-baseline="central">7</text><text x="12" y="77.143" alignment-baseline="central">8</text><text x="12" y="54.286" alignment-baseline="central">9</text><text x="12" y="31.429" alignment-baseline="central">10</text></g><g><g fill-opacity=".95" stroke="#fff" stroke-width="4"><path fill="#436fd4" d="M20 180v-22.857h40V180H20z"/><path fill="#b8d5ff" d="M60 180v-22.857h40V180H60zM100 180v-22.857h40V180h-40zM140 180v-22.857h40V180h-40zM20 157.143v-22.857h40v22.857H20z"/><path fill="#4d7ce3" d="M60 157.143v-22.857h40v22.857H60z"/><path fill="#b8d5ff" d="M100 157.143v-22.857h40v22.857h-40zM140 157.143v-22.857h40v22.857h-40z"/><path fill="#6496fa" d="M20 134.286v-22.857h40v22.857H20z"/><path fill="#d9e9ff" d="M60 134.286v-22.857h40v22.857H60z"/><path fill="#97bfff" d="M100 134.286v-22.857h40v22.857h-40zM140 134.286v-22.857h40v22.857h-40z"/><path fill="#d9e9ff" d="M20 111.429V88.57h40v22.858H20z"/><path fill="#b8d5ff" d="M60 111.429V88.57h40v22.858H60z"/><path fill="#97bfff" d="M100 111.429V88.57h40v22.858h-40z"/><path fill="#b8d5ff" d="M140 111.429V88.57h40v22.858h-40z"/><path fill="#d9e9ff" d="M20 88.571V65.714h40v22.857H20z"/><path fill="#4d7ce3" d="M60 88.571V65.714h40v22.857H60z"/><path fill="#b8d5ff" d="M100 88.571V65.714h40v22.857h-40z"/><path fill="#4d7ce3" d="M140 88.571V65.714h40v22.857h-40z"/><path fill="#97bfff" d="M20 65.714V42.857h40v22.857H20z"/><path fill="#b8d5ff" d="M60 65.714V42.857h40v22.857H60z"/><path fill="#97bfff" d="M100 65.714V42.857h40v22.857h-40z"/><path fill="#6496fa" d="M140 65.714V42.857h40v22.857h-40z"/><path fill="#b8d5ff" d="M20 42.857V20h40v22.857H20z"/><path fill="#4d7ce3" d="M60 42.857V20h40v22.857H60zM100 42.857V20h40v22.857h-40z"/><path fill="#b8d5ff" d="M140 42.857V20h40v22.857h-40z"/></g></g></svg>'},histogram:{id:"histogram",name:"Histogram",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M21.344 180h171.984M21.344 122h171.984M21.344 64h171.984M21.344 6h171.984"/></g><path fill="none" stroke="#BFBFBF" d="M21.344 180h171.984"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="21.344" y="188" alignment-baseline="before-edge">2</text><text x="64.34" y="188" alignment-baseline="before-edge">4</text><text x="107.336" y="188" alignment-baseline="before-edge">6</text><text x="150.332" y="188" alignment-baseline="before-edge">8</text><text x="193.328" y="188" alignment-baseline="before-edge">10</text></g><g stroke="#BFBFBF"><path d="M21.344 180v4M64.34 180v4M107.336 180v4M150.332 180v4M193.328 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="13.344" y="180" alignment-baseline="central">0</text><text x="13.344" y="122" alignment-baseline="central">4</text><text x="13.344" y="64" alignment-baseline="central">8</text><text x="13.344" y="6" alignment-baseline="central">12</text></g></g><g><g fill="#5B8FF9" fill-opacity=".95" stroke="#FFF"><path d="M21.344 180v-29h21.498v29H21.344zM42.842 180v-43.5H64.34V180H42.842zM64.34 180v-58h21.498v58H64.34z"/><path d="M85.838 180V93h21.498v87H85.838zM107.336 180V35h21.498v145h-21.498zM128.834 180V64h21.498v116h-21.498zM150.332 180v-43.5h21.498V180h-21.498zM171.83 180v-14.5h21.498V180H171.83z"/></g></g></svg>'},line_chart:{id:"line_chart",name:"Line Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><defs><clipPath id="a"><path d="M28.016 6h158.64v174H28.016z"/></clipPath></defs><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180h158.64M28.016 122h158.64M28.016 64h158.64M28.016 6h158.64"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180h158.64"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="28.016" y="188" alignment-baseline="before-edge">2016</text><text x="67.676" y="188" alignment-baseline="before-edge">2017</text><text x="107.336" y="188" alignment-baseline="before-edge">2018</text><text x="146.996" y="188" alignment-baseline="before-edge">2019</text><text x="186.656" y="188" alignment-baseline="before-edge">2020</text></g><g stroke="#BFBFBF"><path d="M28.016 180v4M67.676 180v4M107.336 180v4M146.996 180v4M186.656 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g clip-path="url(#a)"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke="#5B8FF9" d="M28.016 104.6l39.66 8.7 39.66-26.1 39.66 11.6 39.66-23.2"/><path stroke="#5AD8A6" d="M28.016 87.2l39.66 40.6 39.66-52.2 39.66 5.8 39.66-40.6"/></g></g></svg>'},percent_stacked_area_chart:{id:"percent_stacked_area_chart",name:"Percent Stacked Area Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M40 176h140M40 93h140M40 10h140"/></g><path fill="none" stroke="#BFBFBF" d="M40 176h140"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="40" y="184" alignment-baseline="before-edge">2016</text><text x="75" y="184" alignment-baseline="before-edge">2017</text><text x="110" y="184" alignment-baseline="before-edge">2018</text><text x="145" y="184" alignment-baseline="before-edge">2019</text><text x="180" y="184" alignment-baseline="before-edge">2020</text></g><g stroke="#BFBFBF"><path d="M40 176v4M75 176v4M110 176v4M145 176v4M180 176v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="32" y="176" alignment-baseline="central">0%</text><text x="32" y="93" alignment-baseline="central">50%</text><text x="32" y="10" alignment-baseline="central">100%</text></g></g><g><g fill-opacity=".3"><path fill="#5B8FF9" d="M40 10h140v16.6l-35 49.8-35-16.6-35 36.52L40 68.1z"/><path fill="#5AD8A6" d="M40 68.1l35 28.22 35-36.52 35 16.6 35-49.8V93l-35 16.6-35-8.3-35 34.86-35-3.32z"/><path fill="#FF9845" d="M40 132.84l35 3.32 35-34.86 35 8.3L180 93v83H40z"/></g><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke="#5B8FF9" d="M40 10h140"/><path stroke="#5AD8A6" d="M40 68.1l35 28.22 35-36.52 35 16.6 35-49.8"/><path stroke="#FF9845" d="M40 132.84l35 3.32 35-34.86 35 8.3L180 93"/></g></g></svg>'},percent_stacked_bar_chart:{id:"percent_stacked_bar_chart",name:"Percent Stacked Bar Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M16.664 180V.5M100.328 180V.5M183.992 180V.5"/></g><path fill="none" stroke="#BFBFBF" d="M16.664 180V.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="8.664" y="157.563" alignment-baseline="central">D</text><text x="8.664" y="112.688" alignment-baseline="central">C</text><text x="8.664" y="67.813" alignment-baseline="central">B</text><text x="8.664" y="22.938" alignment-baseline="central">A</text></g><g stroke="#BFBFBF"><path d="M16.664 157.563h-4M16.664 112.688h-4M16.664 67.813h-4M16.664 22.938h-4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="16.664" y="188" alignment-baseline="before-edge">0%</text><text x="100.328" y="188" alignment-baseline="before-edge">50%</text><text x="183.992" y="188" alignment-baseline="before-edge">100%</text></g></g><g><g fill-opacity=".95"><path fill="#5B8FF9" d="M16.664 165.563h66.931v-16H16.664v16zM16.664 120.688h75.298v-16H16.664v16zM16.664 75.813h40.159v-16H16.664v16zM16.664 30.938h43.505v-16H16.664v16z"/><path fill="#5AD8A6" d="M83.595 165.563h66.931v-16h-66.93v16zM91.962 120.688h75.297v-16H91.962v16zM56.823 75.813H96.98v-16H56.823v16zM60.17 30.938h43.505v-16H60.169v16z"/><path fill="#FF9845" d="M150.526 165.563h33.466v-16h-33.466v16zM167.26 120.688h16.732v-16h-16.733v16zM96.981 75.813h87.011v-16h-87.01v16zM103.675 30.938h80.317v-16h-80.317v16z"/></g></g></svg>'},percent_stacked_column_chart:{id:"percent_stacked_column_chart",name:"Percent Stacked Column Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M40.016 180H199.5M40.016 93H199.5M40.016 6H199.5"/></g><path fill="none" stroke="#BFBFBF" d="M40.016 180H199.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="59.951" y="188" alignment-baseline="before-edge">A</text><text x="99.822" y="188" alignment-baseline="before-edge">B</text><text x="139.693" y="188" alignment-baseline="before-edge">C</text><text x="179.564" y="188" alignment-baseline="before-edge">D</text></g><g stroke="#BFBFBF"><path d="M59.951 180v4M99.822 180v4M139.693 180v4M179.564 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="32.016" y="180" alignment-baseline="central">0%</text><text x="32.016" y="93" alignment-baseline="central">50%</text><text x="32.016" y="6" alignment-baseline="central">100%</text></g></g><g><g fill-opacity=".95"><path fill="#5B8FF9" d="M51.951 89.52V6h16v83.52h-16zM91.822 96.48V6h16v90.48h-16zM131.693 23.4V6h16v17.4h-16zM171.564 40.8V6h16v34.8h-16z"/><path fill="#5AD8A6" d="M51.951 134.76V89.52h16v45.24h-16zM91.822 138.24V96.48h16v41.76h-16zM131.693 101.7V23.4h16v78.3h-16zM171.564 110.4V40.8h16v69.6h-16z"/><path fill="#FF9845" d="M51.951 180v-45.24h16V180h-16zM91.822 180v-41.76h16V180h-16zM131.693 180v-78.3h16V180h-16zM171.564 180v-69.6h16V180h-16z"/></g></g></svg>'},pie_chart:{id:"pie_chart",name:"Pie Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g><g fill-opacity=".95" stroke="#fff"><path fill="#5B8FF9" d="M100 100l64.721 47.023A80 80 0 00100 20v80z"/><path fill="#5AD8A6" d="M100 100L35.279 52.977a80 80 0 00129.442 94.046L100 100z"/><path fill="#FF9845" d="M100 100V20a80 80 0 00-64.721 32.977L100 100z"/></g></g><g><text x="135.64" y="81.84" fill="#FFF" stroke="null" stroke-width="0" alignment-baseline="central" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="14" paint-order="stroke" text-anchor="middle">A</text><text x="76.489" y="132.361" fill="#FFF" stroke="null" stroke-width="0" alignment-baseline="central" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="14" paint-order="stroke" text-anchor="middle">B</text><text x="81.84" y="64.36" fill="#FFF" stroke="null" stroke-width="0" alignment-baseline="central" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="14" paint-order="stroke" text-anchor="middle">C</text></g></svg>'},radar_chart:{id:"radar_chart",name:"Radar Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M99.334 100V27M99.334 100l63.22-36.5M99.334 100l63.22 36.5M99.334 100v73M99.334 100l-63.22 36.5M99.334 100l-63.22-36.5M99.334 100V27"/><g><path d="M99.334 100h0zM99.334 81.75l15.805 9.125v18.25l-15.805 9.125-15.805-9.125v-18.25l15.805-9.125z"/><path d="M99.334 63.5l31.61 18.25v36.5l-31.61 18.25-31.61-18.25v-36.5l31.61-18.25z"/><path d="M99.334 45.25l47.415 27.375v54.75L99.334 154.75l-47.415-27.375v-54.75L99.334 45.25z"/><path d="M99.334 27l63.22 36.5v73L99.334 173l-63.22-36.5v-73L99.334 27z"/></g></g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke"><text x="99.334" y="12" alignment-baseline="after-edge" text-anchor="middle">A</text><text x="175.544" y="56" alignment-baseline="after-edge" text-anchor="left">B</text><text x="175.544" y="144" alignment-baseline="before-edge" text-anchor="left">C</text><text x="99.334" y="188" alignment-baseline="before-edge" text-anchor="middle">D</text><text x="23.124" y="144" alignment-baseline="before-edge" text-anchor="end">E</text><text x="23.124" y="56" alignment-baseline="after-edge" text-anchor="end">F</text></g><g><path fill="none" stroke="#5B8FF9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M99.334 30.746l54.75 37.644-26.477 47.933-28.273 44.753-44.703-35.267L36.114 63.5z"/><g fill="#5B8FF9" stroke="#5B8FF9" stroke-opacity=".95"><path d="M96.334 30.746a3 3 0 106 0 3 3 0 10-6 0M151.084 68.39a3 3 0 106 0 3 3 0 10-6 0M124.607 116.323a3 3 0 106 0 3 3 0 10-6 0M96.334 161.076a3 3 0 106 0 3 3 0 10-6 0M51.63 125.81a3 3 0 106 0 3 3 0 10-6 0M33.114 63.5a3 3 0 106 0 3 3 0 10-6 0"/></g><path fill="#5B8FF9" fill-opacity=".25" d="M99.334 30.746l54.75 37.644-26.477 47.933-28.273 44.753-44.703-35.267L36.114 63.5l63.22-32.754V100z"/></g></svg>'},scatter_plot:{id:"scatter_plot",name:"Scatter Plot",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180h165.312M28.016 122h165.312M28.016 64h165.312M28.016 6h165.312"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180h165.312"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="28.016" y="188" alignment-baseline="before-edge">2</text><text x="69.344" y="188" alignment-baseline="before-edge">4</text><text x="110.672" y="188" alignment-baseline="before-edge">6</text><text x="152" y="188" alignment-baseline="before-edge">8</text><text x="193.328" y="188" alignment-baseline="before-edge">10</text></g><g stroke="#BFBFBF"><path d="M28.016 180v4M69.344 180v4M110.672 180v4M152 180v4M193.328 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g><g fill="#5B8FF9" stroke="#5B8FF9" stroke-opacity=".95"><path d="M42.68 127.8a6 6 0 1012 0 6 6 0 10-12 0M59.211 69.8a6 6 0 1012 0 6 6 0 10-12 0M69.543 104.6a6 6 0 1012 0 6 6 0 10-12 0M98.473 75.6a6 6 0 1012 0 6 6 0 10-12 0M104.672 40.8a6 6 0 1012 0 6 6 0 10-12 0M125.33600000000001 64a6 6 0 1012 0 6 6 0 10-12 0M146 110.4a6 6 0 1012 0 6 6 0 10-12 0M166.664 58.2a6 6 0 1012 0 6 6 0 10-12 0"/></g></g></svg>'},stacked_area_chart:{id:"stacked_area_chart",name:"Stacked Area Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><defs><clipPath id="a"><path d="M28.016 6h158.64v174H28.016z"/></clipPath></defs><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180h158.64M28.016 122h158.64M28.016 64h158.64M28.016 6h158.64"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180h158.64"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="28.016" y="188" alignment-baseline="before-edge">2016</text><text x="67.676" y="188" alignment-baseline="before-edge">2017</text><text x="107.336" y="188" alignment-baseline="before-edge">2018</text><text x="146.996" y="188" alignment-baseline="before-edge">2019</text><text x="186.656" y="188" alignment-baseline="before-edge">2020</text></g><g stroke="#BFBFBF"><path d="M28.016 180v4M67.676 180v4M107.336 180v4M146.996 180v4M186.656 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g clip-path="url(#a)"><g fill-opacity=".3"><path fill="#5B8FF9" d="M28.016 95.9l39.66 24.94 39.66-45.24 39.66 5.8 39.66-40.6v69.6l-39.66 20.3-39.66-2.9-39.66 26.1-39.66-20.3z"/><path fill="#5AD8A6" d="M28.016 133.6l39.66 20.3 39.66-26.1 39.66 2.9 39.66-20.3V180H28.016z"/></g><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke="#5B8FF9" d="M28.016 95.9l39.66 24.94 39.66-45.24 39.66 5.8 39.66-40.6"/><path stroke="#5AD8A6" d="M28.016 133.6l39.66 20.3 39.66-26.1 39.66 2.9 39.66-20.3"/></g></g></svg>'},stacked_bar_chart:{id:"stacked_bar_chart",name:"Stacked Bar Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M16.664 180V.5M74.44 180V.5M132.216 180V.5M189.992 180V.5"/></g><path fill="none" stroke="#BFBFBF" d="M16.664 180V.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="8.664" y="157.563" alignment-baseline="central">D</text><text x="8.664" y="112.688" alignment-baseline="central">C</text><text x="8.664" y="67.813" alignment-baseline="central">B</text><text x="8.664" y="22.938" alignment-baseline="central">A</text></g><g stroke="#BFBFBF"><path d="M16.664 157.563h-4M16.664 112.688h-4M16.664 67.813h-4M16.664 22.938h-4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="16.664" y="188" alignment-baseline="before-edge">0</text><text x="74.44" y="188" alignment-baseline="before-edge">100</text><text x="132.216" y="188" alignment-baseline="before-edge">200</text><text x="189.992" y="188" alignment-baseline="before-edge">300</text></g></g><g><g fill-opacity=".95"><path fill="#5B8FF9" d="M16.664 165.563h69.331v-16H16.664v16zM16.664 120.688h75.109v-16H16.664v16zM16.664 75.813H51.33v-16H16.664v16zM16.664 30.938h46.22v-16h-46.22v16z"/><path fill="#5AD8A6" d="M85.995 165.563h69.331v-16h-69.33v16zM91.773 120.688h75.109v-16h-75.11v16zM51.33 75.813h34.665v-16H51.33v16zM62.885 30.938h46.22v-16h-46.22v16z"/></g></g></svg>'},stacked_column_chart:{id:"stacked_column_chart",name:"Stacked Column Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180H199.5M28.016 122H199.5M28.016 64H199.5M28.016 6H199.5"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180H199.5"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="49.451" y="188" alignment-baseline="before-edge">A</text><text x="92.322" y="188" alignment-baseline="before-edge">B</text><text x="135.193" y="188" alignment-baseline="before-edge">C</text><text x="178.064" y="188" alignment-baseline="before-edge">D</text></g><g stroke="#BFBFBF"><path d="M49.451 180v4M92.322 180v4M135.193 180v4M178.064 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g><g fill-opacity=".95"><path fill="#5B8FF9" d="M41.451 133.6V87.2h16v46.4h-16zM84.322 145.2v-34.8h16v34.8h-16zM127.193 104.6V29.2h16v75.4h-16zM170.064 110.4V40.8h16v69.6h-16z"/><path fill="#5AD8A6" d="M41.451 180v-46.4h16V180h-16zM84.322 180v-34.8h16V180h-16zM127.193 180v-75.4h16V180h-16zM170.064 180v-69.6h16V180h-16z"/></g></g></svg>'},step_line_chart:{id:"step_line_chart",name:"Step Line Chart",svgCode:'<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><defs><clipPath id="a"><path d="M28.016 6h158.64v174H28.016z"/></clipPath></defs><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#D9D9D9" stroke-dasharray="null"><path d="M28.016 180h158.64M28.016 122h158.64M28.016 64h158.64M28.016 6h158.64"/></g><path fill="none" stroke="#BFBFBF" d="M28.016 180h158.64"/><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="28.016" y="188" alignment-baseline="before-edge">2016</text><text x="67.676" y="188" alignment-baseline="before-edge">2017</text><text x="107.336" y="188" alignment-baseline="before-edge">2018</text><text x="146.996" y="188" alignment-baseline="before-edge">2019</text><text x="186.656" y="188" alignment-baseline="before-edge">2020</text></g><g stroke="#BFBFBF"><path d="M28.016 180v4M67.676 180v4M107.336 180v4M146.996 180v4M186.656 180v4"/></g><g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="20.016" y="180" alignment-baseline="central">0</text><text x="20.016" y="122" alignment-baseline="central">100</text><text x="20.016" y="64" alignment-baseline="central">200</text><text x="20.016" y="6" alignment-baseline="central">300</text></g></g><g clip-path="url(#a)"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke="#5B8FF9" d="M28.016 78.5h19.83V29.2h39.66V93h39.66V64h39.66v46.4h19.83"/><path stroke="#5AD8A6" d="M28.016 133.6h19.83v18.56h39.66V122h39.66v34.8h39.66v-23.2h19.83"/></g></g></svg>'}};t.Thumbnail=function(t){var e,o=t.chart,n=t.svg,r=function(t,e){var o={};for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&e.indexOf(l)<0&&(o[l]=t[l]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(t);a<l.length;a++)e.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(t,l[a])&&(o[l[a]]=t[l[a]])}return o}(t,["chart","svg"]),g="https://gw.alipayobjects.com/zos/antfincdn/lP6YFnCEjy/nochartimg.svg";if(n)g="data:image/svg+xml;utf8,".concat(encodeURIComponent(n));else if(o){var s=null===(e=i[o])||void 0===e?void 0:e.svgCode;s&&(g="data:image/svg+xml;utf8,".concat(encodeURIComponent(s)))}return l.createElement("img",a({src:g},r))},Object.defineProperty(t,"__esModule",{value:!0})}));