2b:null 2c:["$","title",null,{"children":"chart-Sanitation by country | anndawn | Observable"}] 31:T462,bullet={ const wrapper = html`

`; const container = html`

` wrapper.appendChild(container); yield wrapper; const bulletPlot = new G2Plot.Bullet(container, { data:data_toilet, measureField: 'measures', rangeField: 'ranges', targetField: 'target', xField: 'title', // color: { // range: ['#FFbcb8', '#FFe0b0', '#bfeec8'], // measure: '#5B8FF9', // target: '#39a3f4', // }, label: { measure: { position: 'middle', style: { fill: '#fff', }, }, }, xAxis: { line: null, }, yAxis: false, renderer:"svg", // 自定义 legend legend: { custom: true, position: 'bottom', items: [ { value: 'Actual', name: 'Actual', marker: { symbol: 'square', style: { fill: '#5B8FF9', r: 5 } }, }, { value: 'Target', name: 'Target', marker: { symbol: 'line', style: { stroke: '#39a3f4', r: 5 } }, }, ], }, }); bulletPlot.render(); } 32:T66b,import { Bullet } from '@antv/g2plot'; const data = [ { title: '重庆', ranges: [100], measures: [65], target: 80, }, { title: '杭州', ranges: [100], measures: [50], target: 100, }, { title: '广州', ranges: [100], measures: [40], target: 85, }, { title: '深圳', ranges: [100], measures: [50], target: 100, }, ]; const bulletPlot = new Bullet('container', { data, measureField: 'measures', rangeField: 'ranges', targetField: 'target', xField: 'title', // color: { // range: ['#FFbcb8', '#FFe0b0', '#bfeec8'], // measure: '#5B8FF9', // target: '#39a3f4', // }, label: { measure: { position: 'middle', style: { fill: '#fff', }, }, }, xAxis: { line: null, }, yAxis: false, // 自定义 legend legend: { custom: true, position: 'bottom', items: [ { value: '差', name: '差', marker: { symbol: 'square', style: { fill: '#FFbcb8', r: 5 } }, }, { value: '良', name: '良', marker: { symbol: 'square', style: { fill: '#FFe0b0', r: 5 } }, }, { value: '优', name: '优', marker: { symbol: 'square', style: { fill: '#bfeec8', r: 5 } }, }, { value: '实际值', name: '实际值', marker: { symbol: 'square', style: { fill: '#5B8FF9', r: 5 } }, }, { value: '目标值', name: '目标值', marker: { symbol: 'line', style: { stroke: '#39a3f4', r: 5 } }, }, ], }, }); bulletPlot.render(); 33:[{"id":"23c23cab81c93f8d0d4b7719fce18a496cedd3dafa76f12e0c699873b9b61339d96c3e782e2212ab62801cbaca89fb8920d19ef3e08791dc2fb00ce967499a60","href":"https://static.observableusercontent.com/files/23c23cab81c93f8d0d4b7719fce18a496cedd3dafa76f12e0c699873b9b61339d96c3e782e2212ab62801cbaca89fb8920d19ef3e08791dc2fb00ce967499a60","name":"national.csv","type":"text/csv","lastModified":1680587358519.625,"size":2037},{"id":"ba7a95d3be88cf4057a021d7cd89a3308f3d3e7b554af101cb57ccfbe1b60c63707e9c380205ca0fb217b2c900849ec4413f58d138fffbb564cbd41c543a805e","href":"https://static.observableusercontent.com/files/ba7a95d3be88cf4057a021d7cd89a3308f3d3e7b554af101cb57ccfbe1b60c63707e9c380205ca0fb217b2c900849ec4413f58d138fffbb564cbd41c543a805e","name":"urban.csv","type":"text/csv","lastModified":1680587358519.625,"size":1802},{"id":"35498f76823bc1458d0c79cf821723bf59a930b1bf475264d0a417ec16db48eba6dac30b98c55beec6dbfb0adb6a108d606f805ee5e9692074b530861212406d","href":"https://static.observableusercontent.com/files/35498f76823bc1458d0c79cf821723bf59a930b1bf475264d0a417ec16db48eba6dac30b98c55beec6dbfb0adb6a108d606f805ee5e9692074b530861212406d","name":"rural.csv","type":"text/csv","lastModified":1680587358519.625,"size":1848},{"id":"3cd8ec1de2143741899e9273da027b3da6d639a801734479969f01843dc3fccb42deaf3ecde31e7e08b51234ec3c0f98755896ef21c424854541f585dba7e6a8","href":"https://static.observableusercontent.com/files/3cd8ec1de2143741899e9273da027b3da6d639a801734479969f01843dc3fccb42deaf3ecde31e7e08b51234ec3c0f98755896ef21c424854541f585dba7e6a8","name":"Angola.csv","type":"text/csv","lastModified":1680587599963.235,"size":1824},{"id":"6c0409e382846de113eac4ee2fcbcf78a5fbf921e6c1438e95747f80954b69a5f05b08131dd81dcb87c0914e22d338ce1e50dbfd80c04d99009e95c57592c42b","href":"https://static.observableusercontent.com/files/6c0409e382846de113eac4ee2fcbcf78a5fbf921e6c1438e95747f80954b69a5f05b08131dd81dcb87c0914e22d338ce1e50dbfd80c04d99009e95c57592c42b","name":"Botswana.csv","type":"text/csv","lastModified":1680587612244.259,"size":1953},{"id":"70b1957f9a1d7205606d842fcce60fc61cbf21bd22a3c04756736d20b4e9295f86debaded7a25028844bfe482e731c66d587bdcef0e5c53b75f3f5ccc477eef6","href":"https://static.observableusercontent.com/files/70b1957f9a1d7205606d842fcce60fc61cbf21bd22a3c04756736d20b4e9295f86debaded7a25028844bfe482e731c66d587bdcef0e5c53b75f3f5ccc477eef6","name":"Namibia.csv","type":"text/csv","lastModified":1680587630955.137,"size":1910}] 2f:{"id":"a13480a6f35c1744","slug":null,"title":"chart-Sanitation by country","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-04-04T05:49:18.519Z","update_time":"$D2023-04-04T06:42:01.938Z","view_time":null,"first_public_time":"$D2023-04-04T05:49:18.519Z","has_unpublished_edits":null,"fork":{"id":"4cc64b9511bcda09","slug":null,"title":"chart-Sanitation","owner":{"id":"08b25cc9d2cc09a6","login":"anndawn","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"08b25cc9d2cc09a6","login":"anndawn","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a9bef462081f7a77e161e2b21c48a5ea6a7153836b0db2eb8a565396dcfc57c5","tier":"starter_2024"},"version":257,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b0fc265f2fad2840","login":"anndawn","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a9bef462081f7a77e161e2b21c48a5ea6a7153836b0db2eb8a565396dcfc57c5","tier":null}],"members":[{"type":"individual","id":"b0fc265f2fad2840","login":"anndawn","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a9bef462081f7a77e161e2b21c48a5ea6a7153836b0db2eb8a565396dcfc57c5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"chart-Sanitation by country","cells":[{"id":0,"value":"# chart-Sanitation by country","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"G2 = require(\"@antv/g2@4.0.2\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"G2Plot = require(\"@antv/g2plot\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"bar_width=600","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"bar_height=480","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"Angola=FileAttachment(\"Angola.csv\").csv({typed:true})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"Namibia=FileAttachment(\"Namibia.csv\").csv({typed:true})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"Botswana=FileAttachment(\"Botswana.csv\").csv({typed:true})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"line={\n const wrapper = html`

`;\n const container = html`

`\n wrapper.appendChild(container);\n yield wrapper;\n\nconst line = new G2Plot.Line(container, {\n title: {\n visible: true,\n text: 'Percentage of Population Practicing Open Defecation',\n },\n data: Botswana.filter(d=>(d.Year==2000)|(d.Year==2020)),\n seriesField: 'Category',\n padding: 'auto',\n legend:false,\n margin:\"10px\",\n xField: 'Year',\n yField: 'od',\n yAxis:{\n // title: {\n // text: 'Percentage',\n // style: {\n // fontSize: 16,\n // },\n // },\n min:0,\n max:80\n },\n smooth: true,\n renderer:'svg'\n });\n\n line.render();\n }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"data_toilet = [\n {\n title: '2021/22',\n ranges: [13000],\n measures: [980],\n target: 10000,\n },\n {\n title: '2020/21',\n ranges: [13000],\n measures: [2860],\n target: 2500,\n },\n {\n title: '2019/20',\n ranges: [13000],\n measures: [4346],\n target: 12000,\n }, {\n title: '2018/19',\n ranges: [13000],\n measures: [1456],\n target: 12500,\n },\n {\n title: '2017/18',\n ranges: [13000],\n measures: [1691],\n target: 3000,\n }\n];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"