32:[] 31:{"title":"Simple Chart create by G2","cells":[{"id":0,"value":"md`# Simple Chart create by G2`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"G2 = require('@antv/g2@3');","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"data = [{\n item: 'item1',\n count: 40\n}, {\n item: 'item2',\n count: 21\n}, {\n item: 'item3',\n count: 17\n}, {\n item: 'item4',\n count: 13\n}, {\n item: 'item5',\n count: 9\n}];","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"md`## Percent`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord().transpose();\n chart.axis('1', false);\n chart.axis('count', false);\n chart.intervalStack().position('1*count').color('item');\n chart.render();\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord('theta');\n chart.intervalStack().position('count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord('theta',{innerRadius: 0.75});\n chart.intervalStack().position('count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"md`## Sort`","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.interval().position('item*count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"{\n const container = html`

`;\n const chart = new G2.Chart({\n container,\n width: Math.min(width, 640),\n animate: false\n });\n chart.source(data);\n chart.coord('polar', {startAngle: Math.PI, endAngle: Math.PI*(3/2)})\n chart.interval().position('item*count').color('item');\n chart.render();\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}