我第一次学习d3.js。
<html lang="en">
<head>
<title>D3.js??</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<svg width="960" height="500"></svg>
<script type="text/javascript" src="https://d3js.org/d3.v6.js"></script>
<script>
const svg = d3.select('svg');
svg.style('background-color', 'red');
</script>
</body>
</html>上面的HTML可以工作，但是当我用<script" type="text/javascript" src="index.js"></script>替换script标签时，它就停止工作了。我的index.js文件中的代码应该是什么样子的？目前，它看起来像这样：
import { select } from 'd3';
const svg = select('svg');
svg.style('background-color', 'red');另外，我是否必须对HTML进行任何更改？
1条答案
按热度按时间b5lpy0ml1#
我也遇到了同样的问题，但是你可以把这个片段添加到head标签
<script src="https://d3js.org/d3.v7.min.js"></script>中，并把你的脚本文件链接到html文件，然后你就可以在js文件中做所有的d3工作了。