Question

我似乎无法让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>

每当我在Chrome中打开html并查看开发人员工具时，我都会得到

未捕获的SyntaxError :: Unxpected token＆gt;

在尝试使用

之类的脚本时，我收到此错误（.error上的syntaxerror）

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

也是。我已将charset="UTF8"放在html代码中。我不知道该怎么办。

D3投掷“未捕获的语法错误：意外的令牌＆gt;”用于脚本

0 个答案: