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) {}之后添加“text”可以解决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");

Highcharts不在Firefox中显示

1 个答案: