Để làm điều này, bạn có thể sử dụng .data(anyArrayObject). Dưới đây là mã:
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<script>
const arrayValues = [1000000001, "John", "Smith", 100, 200, 3000]
var originalData = d3.select("body").selectAll("p")
.data(arrayValues)
.enter()
.append("p")
.text(function(allValuesOfArray) {
console.log(allValuesOfArray + " ");
return allValuesOfArray;
})
</script>
</body>
</html>
Để chạy chương trình trên, chỉ cần lưu tên tệp anyName.html (index.html) và nhấp chuột phải vào tệp và chọn tùy chọn open with live server trong trình soạn thảo VS Code.
Kết quả
Chương trình sẽ cho ra kết quả sau:
