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