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