@antv/thumbnails
Version:
Thumbnails of Chart Types.
8 lines • 2.38 kB
JavaScript
// percent_stacked_area_chart
var 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>',
};
export default PERCENT_STACKED_AREA_CHART;
//# sourceMappingURL=percent_stacked_area_chart.js.map