Javascript D3 JS：创建一个page index.html来运行JS项目
我从github下载了这个项目，但我不知道如何运行这个项目来显示d3图形。此站点中有以下示例：。Javascript D3 JS：创建一个page index.html来运行JS项目,javascript,html,d3.js,Javascript,Html,D3.js,我从github下载了这个项目，但我不知道如何运行这个项目来显示d3图形。此站点中有以下示例：。 例如，我想写一个html页面来运行这个项目，但我不知道怎么做。为您准备一个工作原型- <!DOCTYPE html> <html lang="en-us"> <head> <link rel="stylesheet" type="text/css" href="https://mcaule.github.io/d3-timeseries/dist/d
例如，我想写一个html页面来运行这个项目，但我不知道怎么做。为您准备一个工作原型-
<!DOCTYPE html>
<html lang="en-us">
<head>
<link rel="stylesheet" type="text/css" href="https://mcaule.github.io/d3-timeseries/dist/d3_timeseries.min.css">
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js"></script>
<script src="https://mcaule.github.io/d3-timeseries/dist/d3_timeseries.min.js"></script>
<script src="https://mcaule.github.io/d3-timeseries/dist/create-example-data.js"></script>
<section class="main-content">
<h3>
Difference
</h3>
<!-- <div class="chartContainer"> -->
<!-- <p class="codepen" data-default-tab="result" data-embed-version="2" data-height="500" data-pen-title="d3-timeseries Example 1" data-slug-hash="wPpJWr" data-theme-id="dark" data-user="mcaule"> -->
<div id="chart"></div>
<!-- </p> -->
<script>
var data = createRandomData(80,[0,1000],0.01)
// [{date:new Date('2013-01-01'),n:120,n3:200,ci_up:127,ci_down:115},...]
var chart = d3_timeseries()
.addSerie(data.slice(0,60),{x:'date',y:'n'},{interpolate:'linear',color:"#a6cee3",label:"value"})
.addSerie(data.slice(50),
{x:'date',y:'n3',ci_up:'ci_up',ci_down:'ci_down'},
{interpolate:'monotone',dashed:true,color:"#a6cee3",label:"prediction"})
.width(820)
chart('#chart')
</script>
<!-- </div> -->
</section>
</body>
按原样复制并粘贴到.html文件中，然后在浏览器中打开该文件，一切都会正常工作，如果不是，请告诉我。这是因为没有文档。但是，这里有一些例子：.@Danny By我正在考虑写一个html页面来运行这个项目，你的意思是想知道如何将它加载到html文件中吗？像这样@REEE是的，我想知道如何将其加载到html文件中。我不需要链接http，但需要下载项目的文件路径。它可以工作，但我需要下载项目的文件路径，而不是链接http。为此，您必须做的是，在保存我上面提供的.html文件的同一文件夹中，保存所有下载的文件并引用它们，例如，如果文件名为index.js，则将其引用为，希望这可能会有所帮助，如果您发现我的答案有帮助，请对其进行更新。您使用文件夹dist的文件，为什么没有文件夹src的文件？没关系，你也可以用文件夹src的文件代替文件夹dist，它们都包含相同的代码，但我更喜欢dist文件夹的文件而不是src文件夹，因为它包含同一文件的缩小版本，与常规文件相比，浏览器加载该文件的速度更快。如果我的答案是正确的，则将其标记为正确，并显示绿色勾号。