ant-design/c5e45cb4-async.02c8e961.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["c5e45cb4"],{c5e45cb4:function(e,s,i){"use strict";i.d(s,"__esModule",{value:!0}),i.d(s,"default",{enumerable:!0,get:function(){return o;}});var a=i("777fffbe"),n=i("f19d2b93"),c=a._(i("75f4da45")),r=a._(i("97c488ea")),d=a._(i("c96b0d01")),l=i("5b220c3d"),t=i("9c86e52a");function h(){let{texts:e}=(0,t.useRouteMeta)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[0].value}),(0,n.jsxs)("p",{children:[e[1].value,(0,n.jsx)(r.default,{href:"https://github.com/antvis/site/issues",sourceType:"a",children:e[2].value}),e[3].value]}),(0,n.jsxs)("h2",{id:"design-resources",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-resources",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Design Resources"]}),(0,n.jsx)("p",{children:e[4].value}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://antv.vision/zh/docs/specification/principles/basic",sourceType:"a",children:e[5].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://antv.vision/zh/docs/specification/resources",sourceType:"a",children:e[6].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://antv-2018.alipay.com/zh-cn/vis/chart/index.html",sourceType:"a",children:e[7].value})})]}),(0,n.jsxs)("h2",{id:"front-end-implementation",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#front-end-implementation",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Front end implementation"]}),(0,n.jsx)("p",{children:e[8].value}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://g2.antv.vision/en",sourceType:"a",children:e[9].value})}),(0,n.jsxs)("li",{children:[(0,n.jsx)(r.default,{href:"https://g2plot.antv.vision/en",sourceType:"a",children:e[10].value}),e[11].value]}),(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://g6.antv.vision/en",sourceType:"a",children:e[12].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://f2.antv.vision/en",sourceType:"a",children:e[13].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://l7.antv.vision/en",sourceType:"a",children:e[14].value})}),(0,n.jsx)("li",{children:(0,n.jsx)(r.default,{href:"https://charts.ant.design/en",sourceType:"a",children:e[15].value})})]}),(0,n.jsxs)("h2",{id:"how-to-design",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-design",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"How to Design"]}),(0,n.jsxs)("h3",{id:"understanding-the-users",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#understanding-the-users",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Understanding the users"]}),(0,n.jsx)("p",{children:e[16].value}),(0,n.jsxs)("h3",{id:"design-principles",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-principles",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Design Principles"]}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:e[17].value}),(0,n.jsx)("li",{children:e[18].value}),(0,n.jsx)("li",{children:e[19].value}),(0,n.jsx)("li",{children:e[20].value})]}),(0,n.jsxs)("h2",{id:"chart-usage",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#chart-usage",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Chart usage"]}),(0,n.jsxs)("h3",{id:"choosing-the-right-chart-type",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#choosing-the-right-chart-type",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Choosing the right chart type"]}),(0,n.jsx)("p",{children:e[21].value}),(0,n.jsxs)("h4",{id:"time-series",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#time-series",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Time series"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Representative types: line graphs, area graphs, etc.",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*z0ZSRabgdpQAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[22].value}),(0,n.jsxs)("h4",{id:"comparison",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#comparison",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Comparison"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Representative types: bar charts, bubble charts, etc.",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*mvE4T6jti5QAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[23].value}),(0,n.jsxs)("h4",{id:"distribution",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#distribution",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Distribution"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Representative types: Scatterplot, box plot, etc.",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*_ft8Soe5p6EAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[24].value}),(0,n.jsxs)("h4",{id:"process",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#process",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Process"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Types represented: funnel charts, etc.",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*kJj6Qo3-UFIAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[25].value}),(0,n.jsxs)("h4",{id:"proportion",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#proportion",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Proportion"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Types represented: ring charts, pie charts, percentage stacked type charts, etc.",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*52XJRK9B0KUAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[26].value}),(0,n.jsxs)("p",{children:[e[27].value,(0,n.jsx)(r.default,{href:"https://antv-2018.alipay.com/zh-cn/vis/chart/index.html",sourceType:"a",children:e[28].value})]}),(0,n.jsxs)("h3",{id:"colour-swatches",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#colour-swatches",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Colour Swatches"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"AntV Example of official default colour swatches",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Skn6TZsQ7ksAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsxs)("p",{children:[e[29].value,(0,n.jsx)(r.default,{href:"https://antv.vision/specification/language/palette",sourceType:"a",children:e[30].value})]}),(0,n.jsxs)("h3",{id:"component-usage-recommendations",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#component-usage-recommendations",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Component Usage Recommendations"]}),(0,n.jsxs)("h4",{id:"title-and-notes",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#title-and-notes",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Title and Notes"]}),(0,n.jsx)("p",{children:e[31].value}),(0,n.jsxs)("h4",{id:"axle",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#axle",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Axle"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Elements of the axis",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*i4tXQZkMGrMAAAAAAAAAAABkARQnAQ"})}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Classification of shafts",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*-ycMQZ48GykAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[32].value}),(0,n.jsxs)("h4",{id:"legend",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#legend",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Legend"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Elements of the legend",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*8oYwRJbGmhMAAAAAAAAAAABkARQnAQ"})}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Classification of legends",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*sSGjRJGyrqQAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[33].value}),(0,n.jsxs)("h4",{id:"labels",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#labels",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Labels"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Classification of labels",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*j2gNQ4E-wAoAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[34].value}),(0,n.jsxs)("h4",{id:"alerts-message",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#alerts-message",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Alerts Message"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Elements of the alert message",src:"https://gw.alipayobjects.com/zos/basement_prod/f9683e72-81a4-47cc-a208-6570187cce11.svg"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[35].value}),(0,n.jsxs)("h4",{id:"graphics",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#graphics",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Graphics"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Classification of graphics",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*itDLQb2fXpkAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[36].value}),(0,n.jsxs)("p",{children:[e[37].value,(0,n.jsx)(r.default,{href:"https://antv.vision/zh/docs/specification/components/titlenotes",sourceType:"a",children:e[38].value})]}),(0,n.jsxs)("h3",{id:"chart-layout-adaptation",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#chart-layout-adaptation",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Chart layout adaptation"]})]}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Chart Responsive Schematic",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*0vfXTIlbSXwAAAAAAAAAAABkARQnAQ"})}),(0,n.jsx)("div",{className:"markdown",children:(0,n.jsx)("p",{children:e[39].value})}),(0,n.jsx)(c.default,{children:(0,n.jsx)("img",{className:"preview-img no-padding",description:"Design Ideas",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*WsO3T5klNMIAAAAAAAAAAABkARQnAQ"})}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[40].value}),(0,n.jsxs)("h3",{id:"interaction",children:[(0,n.jsx)(r.default,{"aria-hidden":"true",tabIndex:"-1",href:"#interaction",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Interaction"]})]}),(0,n.jsxs)(c.default,{children:[e[41].value,(0,n.jsx)("img",{alt:"dynamic interaction",src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*QXtKSIMgaOUAAAAAAAAAAABkARQnAQ"})]}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:e[42].value}),(0,n.jsx)("p",{children:e[43].value}),(0,n.jsxs)("p",{children:[e[44].value,(0,n.jsx)(r.default,{href:"https://antv.vision/zh/docs/specification/language/interact",sourceType:"a",children:e[45].value})]})]})]});}var o=function(){return(0,n.jsx)(t.DumiPage,{children:(0,n.jsx)(l.Suspense,{fallback:(0,n.jsx)(d.default,{}),children:(0,n.jsx)(h,{})})});};}}]);