D3.js D3投掷“；未捕获语法错误：意外标记>&引用；用于脚本_D3.js

D3.js D3投掷“；未捕获语法错误：意外标记>&引用；用于脚本

d3.js

D3.js D3投掷“；未捕获语法错误：意外标记>&引用；用于脚本,d3.js,D3.js,我似乎无法运行D3。我正在尝试运行以下脚本： <!DOCTYPE html> <meta http-equiv="content-type" content="text/html"; charset="UTF8"> <html> <head> <script type="text/javascript" src="d3/d3.min.js" charset="utf-8"></script> </hea

我似乎无法运行D3。我正在尝试运行以下脚本：

<!DOCTYPE html>
<meta http-equiv="content-type" content="text/html"; charset="UTF8">
<html>
  <head>
    <script type="text/javascript" src="d3/d3.min.js" charset="utf-8"></script>
  </head>
  <body>
    <div id="viz"></div>
    <script type="text/javascript">
    w = 500
    h = 300
    x = null
    y = null
    intervalTime = 500

    data = d3.range(100).map((n) -> Math.round(Math.random() * 100))

    setInterval(
        () ->
            data.push(Math.round(Math.random() * 100))
            data.shift()
            calculate_scales()
            redraw()
        , intervalTime)

    calculate_scales = () ->
        x = d3.scale.linear().domain([0, data.length - 1]).range([0, w])
        y = d3.scale.linear().domain([0, d3.max(data)]).range([h, 0])

    calculate_scales()

    vis = d3.select("body")
        .append("svg:svg")
        .attr("width", w)
        .attr("height", h)
        .append("svg:g")

    path = d3.svg.line()
        .x((d, i) -> x(i))
        .y((d) -> y(d))
        .interpolate("linear")

    vis.selectAll("path")
        .data([data])
        .enter()
        .append("svg:path")
        .attr("d", path)

    redraw = () ->
        vis.selectAll("path")
            .data([data])
            .attr("transform", "translate(#{x(1) - x(0)})")
            .attr("d", path)
            .transition()
            .ease("linear")
            .duration(intervalTime)
            .attr("transform", "translate(0)")
    </script>
  </body>
</html>

还有。我已经在html代码中添加了

charset=“UTF8”

。我不知道该怎么办。

这看起来像咖啡脚本。如果不进行传输，它就无法在浏览器中工作。通过将语言（在“语言”面板中）更改为Coffeescript，您还可以在JSFIDLE中成功运行代码：啊，这是Coffeescript，但我在运行js代码时也遇到了问题，例如（这里我得到了一个“未捕获的SyntaxError:：意外标记”）

.navigator .data {
    fill: lightgrey;
    stroke-width: 0px;
}