个人中心
gpt4 book ai didi

javascript - 通过使用javascript从excel文件中读取excel数据来绘制折线图

转载 作者：行者123 更新时间：2023-11-30 16:40:52 25 4
gpt4 key购买 nike

这是我的excel文件如下==

数据

20.24860218.5403218.25403615.21783313.19451817.52172317.7883324.01859718.40150824.4646420.75245722.57047317.87003522.47486320.78342224.07506417.7294720.20272316.77654319.0875157.2321768.5085787.545788310.066092513.3443485.57848645.346931517.087952

我正在尝试从 excel 文件中读取 exceldata 并使用这些数据我想使用 javascript 绘制折线图。但我无法弄清楚如何使用数据绘制图表，即使我阅读了不使用 ActiveXObject 的 excel 表中的 exceldata。这是我的代码==

function Upload() 
{  
    var fileUpload = document.getElementById("fileUpload");  
    var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/;  
  if (regex.test(fileUpload.value.toLowerCase())) 
        {  
            if (typeof(FileReader) != "undefined") 
            {  
                var reader = new FileReader();  
                reader.onload = function(e) 
                {  
                    var table = document.createElement("table");  
                    var rows = e.target.result.split("\n");  
                    for (var i = 0; i < rows.length; i++) 
                        {  
                            var row = table.insertRow(-1);  
                            var cells = rows[i].split(",");  
                            for (var j = 0; j < cells.length; j++) 

                            {  
                                var cell = row.insertCell(-1);  
                                cell.innerHTML = cells[j];  
                            }  
                        }  
                    var dvCSV = document.getElementById("dvCSV");  
                    dvCSV.innerHTML = "";
                    dvCSV.appendChild(table);

                //  dvCSV.appendChild("Workdate \t Data \t Status");  

                }  


            reader.readAsText(fileUpload.files[0]);  
        } 
        else 
            {  
                alert("This browser does not support HTML5.");  
            }  
} 
    else 
    {  
        alert("Please upload a valid CSV file.");  
    }  
} 
</script> 
<body>
<input type="file" id="fileUpload" />
<input type="button" id="upload" value="Upload" onclick = "Upload()" />
<hr />

<div id="dvCSV">

</div>

谁能帮帮我...

最佳答案

从另一个 Angular 来看这个问题，您可以借助 Funfun Excel 插件直接在 Excel 中使用 JavaScript，而不是使用 JavaScript 读取 Excel 文件。基本上，Funfun 是一种允许您在 Excel 中使用 JavaScript 的工具，因此您可以使用诸如 Chart.js 之类的库根据电子表格中的数据绘制图表。

首先，您需要稍微整理一下数据，如下所示。(我只以您的 10 个数据点为例)

enter image description here

然后，以下是在 Excel 中使用 JavaScript 所需执行的一些步骤。

1).从 Office 加载项商店插入 Funfun 加载项

enter image description here

2). 创建一个新的 Funfun 或从 Funfun 在线编辑器加载一个样本。如果您创建一个新的 funfun，您可以编写自己的 JavaScript 代码。在这种情况下，我已经使用 JavaScript 和 Chart.js 在 Funfun 在线编辑器中制作了一个示例。您可以直接从下面的 URL 加载代码。

https://www.funfun.io/1/edit/5a36a1ad45ac15144af3fdfd

enter image description here

3). 像在任何其他 JavaScript 编辑器中一样编写 JavaScrip 代码。在这一步中，为了直接使用电子表格中的数据，您需要编写一些 JSON I/O 来制作 Excel 单元格引用。这个值在Setting-short中的位置。但这只是几行。对于这种情况，JSON I/O 值将是:

{
    "data": "=B2:K2",
    "label": "=B1:K1"
}

您可以查看 Funfun 文档以获得更多解释。

4).运行代码绘制图表

玩得开心:)

enter image description here

披露:我是 Funfun 的开发者。

关于javascript - 通过使用javascript从excel文件中读取excel数据来绘制折线图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32022129/

25 4 0
文章推荐： c - C 中的递归斐波那契 : Fork()
文章推荐： c# - 是否有与旧 WebApi IHttpControllerTypeResolver 等效的 AspNetCore？
文章推荐： performance - 在x86汇编中将寄存器设置为零的最佳方法是什么:xor，mov或and？
文章推荐： c - 从监听(服务器)套接字获取对等名()
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com