Question

我正在尝试使用chartjs基于我在excel（.xlsx）文件中的数据创建图表。数据格式整齐。

以下文章提供了一个示例： https://nagix.github.io/chartjs-plugin-datasource/

但是它对我不起作用。我不明白为什么。

Update1：

查看google chrome工具，它无法加载xlsx.js，我为此在线尝试了几个不同的链接。我现在正在使用：

<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>

Update2：我现在收到一条错误消息，指出CORS策略已阻止“从源'null'访问XMLHttpRequest”（针对chartjs-plugin-datasource）：协议方案仅支持跨源请求：http ，数据，chrome，chrome扩展名，https”

如何解决CORS错误？我一直在寻找有冲突的信息。

即使上面链接中的第一个示例对我也不起作用。我下载了他们使用的电子表格，并粘贴了他们的代码，但我的浏览器未显示任何内容。

<html>
<head>
</head>

<body>

<canvas id="myChart"></canvas>

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script lang="javascript" src="dist/xlsx.full.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datasource"></script>

<script>

var ctx = document.getElementById('myChart').getContext('2d');

var chart = new Chart(ctx, {
    type: 'bar' ,
    plugins: [ChartDataSource],
    options: {
    datasource: {
        url: 'mydata.xlsx',
        rowMapping: 'datapoint',
         datapointLabelMapping: {

        _dataset: 'Date',

        _index: 'H1',

        x: 'H1',

        y: 'H2'
        }
        }
        }

        });

</script>


</body>
</html>

在Excel中使用chartjs

0 个答案: