2b:null 2c:["$","title",null,{"children":"d3.line test | lengfengif | Observable"}] 31:[] 2f:{"id":"6006dbfe92a8c5e9","slug":"d3-line-test","title":"d3.line test","thumbnail":"be25541f9f631d28848881a2e1d0db32d8f20e8f24b43a39655ee00617b8b734","access_level":"public","create_time":"$D2020-05-18T06:28:37.880Z","update_time":"$D2020-06-06T06:02:55.415Z","view_time":null,"first_public_time":"$D2020-05-18T08:08:38.840Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0a00b6ddf6fe5a3b","login":"lengfengif","name":"","avatar_url":"https://avatars-next.observableusercontent.com/0418fe23df4fa517be8cbd4545a258e4f52509fbd803fb3f075c54dcd5301c51","tier":"starter_2024"},"version":200,"publish_version":200,"role":null,"authored":false,"authors":[{"type":"individual","id":"ffeee835b9841b14","login":"lengfengif","name":"","avatar_url":"https://avatars-next.observableusercontent.com/0418fe23df4fa517be8cbd4545a258e4f52509fbd803fb3f075c54dcd5301c51","tier":null}],"members":[{"type":"individual","id":"ffeee835b9841b14","login":"lengfengif","name":"","avatar_url":"https://avatars-next.observableusercontent.com/0418fe23df4fa517be8cbd4545a258e4f52509fbd803fb3f075c54dcd5301c51","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"d3.line test","cells":[{"id":0,"value":"md`# d3.line test`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"line2= d3.line()([[2,3],[10,40],[50,75]]) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"// line（）函数将数组转换成字符串， Mx,y = moveTo（x,y） ; Lx,y = lineTo(x,y)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"line1 = d3.line()([10,11],[14,34],[50,80])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"// 坐标需要放在一个大数组里","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"svg ``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":101,"value":"{\n \n const width = 200 ;\n const height = width * 0.75 ;\n const node = DOM.svg (\n width , height\n );\n const draw = d3.select(node); //得到node的handle 就可以通过draw去使用了。\n \n draw \n .append('path')\n .attr('d',`${line2}`)\n .attr('stroke','blue')\n .attr('fill','none');\n \n return node ;\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":118,"value":"// 另一种方法","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"