javascript - 如何在 yii2 中的 Javascript 中给出外部 csv 文件的路径？

Question

我正在使用 yii2，因为我需要使用温度.csv 文件来获取图表，而使用普通 php 工作正常，但在 yii2 中，csv 文件的路径会导致错误。

我的查看文件代码是这样的:

<div id="graphdiv3"
 style="width:500px; height:300px;"></div>
<script type="text/javascript">
var filename =  "Date,Temperature\n" +
   "2008-05-07,75\n" +
   "2008-05-08,70\n" +
   "2008-05-09,80\n";
console.log(filename);
 g3 = new Dygraph(
   document.getElementById("graphdiv3"),
  "///var/www/devicesadmin/yii-app/views/data-chart/temperatures.csv",
   {
 legend: 'always',
 title: 'NYC vs. SF',
 showRoller: true,
 rollPeriod: 14,
 ylabel: 'Temperature (F)',
   }
 );
</script>

我的 csv 文件位于同一文件夹的 View 文件夹中。filename Javascript 变量是该 csv 文件的示例，它工作正常，但直接调用该文件会导致它返回错误。

P.S 使用小部件是不公平的，因为许多选项不起作用。

Answer 1

1. 我认为没有任何特殊原因将文件放置在 views 文件夹中，也不应该放置在那里，您应该将其放置在 web 目录中您的项目并使用相对于 web 目录的路径。

2. 声明末尾带有换行符的变量有什么意义？

   var filename =  "Date,Temperature\n" +
      "2008-05-07,75\n" +
      "2008-05-08,70\n" +
      "2008-05-09,80\n";
   

   这不是有效的 JavaScript 代码，只会导致类似

   的错误

   Uncaught SyntaxError: Invalid or unexpected token

3. 您应该在 DOM 上运行 javascript，以便在调用 Dygraph 构造函数之前可以使用源库，并且为了在 View 中编写 javascript 代码，我更喜欢使用 HEREDOC为了提高可读性

View 内的代码应如下所示

<?php
    use yii\web\View;

    $js = <<<JS

    g3 = new Dygraph(
        document.getElementById("graphdiv3"),
        "/temperatures.csv",
        {
        legend: 'always',
        title: 'NYC vs. SF',
        showRoller: true,
        rollPeriod: 14,
        ylabel: 'Temperature (F)',
        }
    );
JS;

    $this->registerJs($js, View::POS_READY);
?>
<div id="graphdiv3" style="width:500px; height:300px;"></div>