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