javascript - Firefox 中不显示 Highcharts

Question

我正在使用以下 JavaScript 代码从本地 csv 文件创建 Highchart。这在 Safari 和 Chrome 中正常工作(需要启用 --allow-file-access-from-files 才能在 Chrome 中工作)，但由于某些原因它不适用于 Firefox。我已尝试将 security.fileurl.strict_origin_policy 的值更改为 false，但这不会更改错误或显示图表。

我收到 ':1:1' 的 csv 文件的 JS“语法错误”，我假设它是第 1 行第 1 列。我不明白为什么它适用于 2 种浏览器而不适用于 Firefox。我想这与 Chrome 类似，我必须启用对本地文件的访问权限，但除了更改 about:config 之外，我不确定如何实现这一点。

如有任何解释或建议，我们将不胜感激。

 $.get(data, function(csv) {
      $('#container').highcharts({
        chart: {
          zoomType: 'x',
          type: 'column',
        },
        data: {
          csv: csv,
          lineDelimiter: "\n",
        },
        title: {
              text: 'CSV file data'
          },
        yAxis: {
            title: {
                text: 'Bytes'
            }
        }
      }); 
    });

Answer 1

事实证明，在 $.get(data, function(csv) {} 之后添加“文本”可以解决 firefox 的这个问题。不完全确定原因。它比 Chrome 或 Safari 花费的时间更长加载，但确实加载成功。

如果您启用了 --allow-file-access-from-files，它将在 Chrome 中运行并且不会导致 Safari 中的任何更改。

 $.get(data, function(csv) {
      $('#container').highcharts({
        chart: {
          zoomType: 'x',
          type: 'column',
        },
        data: {
          csv: csv,
          lineDelimiter: "\n",
        },
        title: {
              text: 'CSV file data'
          },
        yAxis: {
            title: {
                text: 'Bytes'
            }
        }
      }); 
    }, "text");