效果

examples-simple.tsv 数据文件内容
x y
100 50
200 100
300 150
400 200
500 250
example2-1.ftl 页面
<head><meta charset="UTF-8"><script src="../js/d3.js">script><title>单数据集图表-示例2-1title>
head>
<body onload="makeDemo1()"><svg id="demo1" width="600" height="300" style="background: lightgrey">svg>body>
<script>function makeDemo1() {d3.tsv("../tsv/examples-simple.tsv").then(function (data) {d3.select("svg").selectAll("circle").data(data).enter().append("circle").attr("r", 5).attr("fill", "red").attr("cx", function (d) {return d["x"];}).attr("cy", function (d) {return d["y"];})})}
script>
html>
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!