Node.js和Amcharts4-如何通过'Javascript'正确集成和调用core.js和chart.js

时间:2018-10-24 20:39:19

标签: node.js amcharts

我刚刚通过npm将新的amCharts4下载到我的node.js应用程序中进行了测试。安装了Wenn后,我在MyNodejsApp / node_modules / @ amcharts / amcharts4中找到文件chore.js和chart.js:

MyNodejsApp
_node_modules
 |_@amcharts
  |_amcharts4
   |_charts.js
   |_core.js
  |_amcharts4-geodata
_public
 |_css
  |_styles.css
 |_js
  |_main.js
_views
 |_partials
  |_scripts.ejs
 |_dashboard.ejs
 |_index.ejs     
app.js

如您所见,我将css和js文件放在public文件夹中。我还使用ejs,并通过views / index.ejs和dashboard.ejs调用文件。然后,我通过script.ejs加载我的js文件。

script.ejs

<script type="text/javascript" src="/js/main.js"></script>

# this worked
<script type="text/javascript" src="//www.amcharts.com/lib/4/core.js"></script>
<script type="text/javascript" src="//www.amcharts.com/lib/4/charts.js"></script>
<script type="text/javascript" src="//www.amcharts.com/lib/4/themes/animated.js"></script>

# this did not work 
<script type="text/javascript" src="/js/amcharts/core.js"></script>
<script type="text/javascript" src="/js/amcharts/charts.js"></script>
<script type="text/javascript" src="/js/amcharts/themes/animated.js"></script>  

dashboard.ejs

<!DOCTYPE html>
<html lang="en">
    <head>
        <% include partials/head %>
    </head>
    <body>
        <div id="chartdiv"></div>


        <% include partials/script %>
    </body>
</html>

我在哪里以及如何准确地集成和调用Charts.js和core.js文件?我在我的script.ejs中也假设吗?但是,我是否可以将chart.js和core.js文件复制并粘贴到public / js文件夹中(在public / js / amcharts文件夹下不起作用)?或如何集成和访问它们?

https://www.amcharts.com/docs/v4/getting-started/basics/

0 个答案:

没有答案