2b:null 2c:["$","title",null,{"children":"chart-Sanitation | 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:T7ce,line_char2={ const wrapper = html`

`; const container = html`

` wrapper.appendChild(container); yield wrapper; const dualAxes = new G2Plot.DualAxes(container, { data: [data_use3.filter(d=>d.Country=="Namibia"), data_use3.filter(d=>d.Country=="Botswana")], renderer:'svg', appendPadding:10, limitInPlot:true, xField: 'Year', // meta: { // Date_order:{ // type:"time", // max: "2023-03-01", // // mask:"YY/MM", // // ticks:["2022-03-01","2022-04-01","2022-05-01","2022-06-01","2022-07-01","2022-08-01","2022-09-01","2022-10-01","2022-11-01","2022-12-01","2023-01-01","2023-02-01"] // } // }, // xAxis:{ // type: 'time', // // min:"2022-02-01", // // max:"2023-02-01", // title:{ // text:"Date", // position:"bottom-right" // } // // tickMethod:"time-pretty" // }, yField: ['od', 'od'], yAxis: { 'od': { max:100, min:0 }, 'od': { max:100, min:0 } }, geometryOptions: [ { geometry: 'line', smooth: false, seriesField: 'Category', lineStyle: { lineWidth: 3, lineDash: [5, 5], }, label: { formatter: (datum) => { return `${datum.od.toFixed(1)}%`; }, }, // smooth: true, interactions: [{ type: 'element-highlight-by-color' }, { type: 'legend-highlight' }], }, { geometry: 'line', // smooth: false, seriesField: 'Category', lineStyle: { lineWidth: 4, opacity: 0.5, }, label: { formatter: (datum) => { return `${datum.od.toFixed(1)}%`; }, }, interactions: [{ type: 'element-highlight-by-color' }, { type: 'legend-highlight' }], }, ], }); dualAxes.render(); }33:[{"id":"127b5315cc09a1f0b810eb21fe3b3b77d260bbff41803f1fbdffbfd3f89ffab3dcfe1e0af58cad8eaa663136dffba25454b2222be351a9854112e3f29e823032","href":"https://static.observableusercontent.com/files/127b5315cc09a1f0b810eb21fe3b3b77d260bbff41803f1fbdffbfd3f89ffab3dcfe1e0af58cad8eaa663136dffba25454b2222be351a9854112e3f29e823032","name":"beach_simple.csv","type":"text/csv","lastModified":1679944450205.387,"size":6670},{"id":"d66e75133a0aa70dc42e36ef6c52c3aa8dcc0c64d62f4f2b09cece0cf5a2d57fa7ce35c98c46a5b8e7e1cdb816d20b52d7fedc5c49f4e9d56bd31b5385ca887c","href":"https://static.observableusercontent.com/files/d66e75133a0aa70dc42e36ef6c52c3aa8dcc0c64d62f4f2b09cece0cf5a2d57fa7ce35c98c46a5b8e7e1cdb816d20b52d7fedc5c49f4e9d56bd31b5385ca887c","name":"river@3.csv","type":"text/csv","lastModified":1679944450205.387,"size":2681},{"id":"c21d7aad184c5eacda9911b55695e5472e5c3b4610df12bc37b4a4439ac95a94583a9e18164b705985d923b068b146e9e9708918fcd2cad149645dde2b73bf33","href":"https://static.observableusercontent.com/files/c21d7aad184c5eacda9911b55695e5472e5c3b4610df12bc37b4a4439ac95a94583a9e18164b705985d923b068b146e9e9708918fcd2cad149645dde2b73bf33","name":"beach_month@1.csv","type":"text/csv","lastModified":1679944450205.387,"size":767},{"id":"d276988998fb9f32d65ee83274842c0cae3ed91589b800ed0f0718f539f8a7b2556600d8fdee2618415479a4808fb6e926e6c4bb7ab237f14c8b2c15dca91d65","href":"https://static.observableusercontent.com/files/d276988998fb9f32d65ee83274842c0cae3ed91589b800ed0f0718f539f8a7b2556600d8fdee2618415479a4808fb6e926e6c4bb7ab237f14c8b2c15dca91d65","name":"river_month@4.csv","type":"text/csv","lastModified":1679944450205.387,"size":908},{"id":"23c23cab81c93f8d0d4b7719fce18a496cedd3dafa76f12e0c699873b9b61339d96c3e782e2212ab62801cbaca89fb8920d19ef3e08791dc2fb00ce967499a60","href":"https://static.observableusercontent.com/files/23c23cab81c93f8d0d4b7719fce18a496cedd3dafa76f12e0c699873b9b61339d96c3e782e2212ab62801cbaca89fb8920d19ef3e08791dc2fb00ce967499a60","name":"national.csv","type":"text/csv","lastModified":1679945085927.936,"size":2037},{"id":"ba7a95d3be88cf4057a021d7cd89a3308f3d3e7b554af101cb57ccfbe1b60c63707e9c380205ca0fb217b2c900849ec4413f58d138fffbb564cbd41c543a805e","href":"https://static.observableusercontent.com/files/ba7a95d3be88cf4057a021d7cd89a3308f3d3e7b554af101cb57ccfbe1b60c63707e9c380205ca0fb217b2c900849ec4413f58d138fffbb564cbd41c543a805e","name":"urban.csv","type":"text/csv","lastModified":1679945086672.81,"size":1802},{"id":"35498f76823bc1458d0c79cf821723bf59a930b1bf475264d0a417ec16db48eba6dac30b98c55beec6dbfb0adb6a108d606f805ee5e9692074b530861212406d","href":"https://static.observableusercontent.com/files/35498f76823bc1458d0c79cf821723bf59a930b1bf475264d0a417ec16db48eba6dac30b98c55beec6dbfb0adb6a108d606f805ee5e9692074b530861212406d","name":"rural.csv","type":"text/csv","lastModified":1679945087943.792,"size":1848}] 2f:{"id":"4cc64b9511bcda09","slug":null,"title":"chart-Sanitation","thumbnail":"f90ec78c1698942b4af6b3263e1831e7dc3f047150bbe224ef23dbea53dce312","access_level":"public","create_time":"$D2023-03-27T19:14:10.205Z","update_time":"$D2023-04-28T07:05:08.388Z","view_time":null,"first_public_time":"$D2023-03-27T19:14:10.205Z","has_unpublished_edits":null,"fork":{"id":"c7fb281fd8831e8c","slug":null,"title":"chart","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":266,"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":1,"collection":null,"type":"notebook","body":{"title":"chart-Sanitation","cells":[{"id":0,"value":"# chart-Sanitation","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":"national=FileAttachment(\"national.csv\").csv({typed:true})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"urban=FileAttachment(\"urban.csv\").csv({typed:true})\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"rural=FileAttachment(\"rural.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: urban,\n seriesField: 'Country',\n padding: 'auto',\n margin:\"10px\",\n xField: 'Year',\n yField: 'od',\n yAxis:{\n title: {\n text: 'Percentage',\n style: {\n fontSize: 16,\n },\n }\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":227,"value":"rural_f=rural.filter(d=>(d.Year==2000|d.Year==2010|d.Year==2020)&(d.Country!=\"Angola\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"urban_f=urban.filter(d=>(d.Year==2000|d.Year==2010|d.Year==2020)&(d.Country!=\"Angola\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"national_f=national.filter(d=>(d.Year==2000|d.Year==2010|d.Year==2020)&(d.Country!=\"Angola\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"data_use3= rural_f.concat(urban_f, national_f);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"data_use3.filter(d=>d.Country==\"Namibia\")","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"