ReferenceError & d3plus не определено - PullRequest
0 голосов
/ 12 декабря 2018

Я пытаюсь запросить базу данных MySQL и создать визуализацию с помощью d3plus.Мой бэкэнд - Express.JS, а шаблоны - EJS

Вот моя ошибка:

ReferenceError: C:\cit\views\results.ejs:10
    8| 

    9| <script>

 >> 10| <%   var data = [

    11|      {"year": 2011, "name":"jobs", "value": "2011"}

    12|    ]

    13|    var visualization = d3plus.viz()


d3plus is not defined
    at eval (eval at compile (C:\cit\node_modules\ejs\lib\ejs.js:618:12), <anonymous>:31:24)
    at returnedFn (C:\cit\node_modules\ejs\lib\ejs.js:653:17)
    at tryHandleCache (C:\cit\node_modules\ejs\lib\ejs.js:251:36)
    at View.exports.renderFile [as engine] (C:\cit\node_modules\ejs\lib\ejs.js:482:10)
    at View.render (C:\cit\node_modules\express\lib\view.js:135:8)
    at tryRender (C:\cit\node_modules\express\lib\application.js:640:10)
    at Function.render (C:\cit\node_modules\express\lib\application.js:592:3)
    at ServerResponse.render (C:\cit\node_modules\express\lib\response.js:1008:7)
    at Query.con.query (C:\cit\app.js:24:13)
    at Query.<anonymous> (C:\cit\node_modules\mysql\lib\Connection.js:502:10)

Мой код results.ejs:

<% include partials/header.ejs %>
 <h1>= <%= naics %></h1>
 <h1>= <%= industry %></h1>

<div id="viz"></div>

<script>
<% var data = [
     {"year": 2011, "name":"jobs", "value": "2011"}
   ]
   var visualization = d3plus.viz()
   .container("#viz")
    .data(data)
    .type("bar")
    .id("name")
    .x("year")
    .y("value")
    .draw() %>
 </script>

 <% include partials/footer.ejs %>

И мой код header.ejsу него есть источник сценария d3plus:

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="http://d3plus.org/js/d3.js"></script>
  <script src="http://d3plus.org/js/d3plus.js"></script>
  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">

</head>

<body>

Сейчас я делаю печатную копию визуализации, и у меня все еще есть проблема.В чем может быть проблема?

PS: Я также добавил свой источник скриптов в нижний колонтитул.На всякий случай это было проблемой.Это не было.

1 Ответ

0 голосов
/ 16 декабря 2018

Я думаю, что вы используете d3plus v1.Вместо этого вы должны использовать d3plus v2.

new d3plus.BarChart() .select("#viz") .data(data) .x("year") .y("value") .groupBy("name") .render();

...