简单粗暴的使用wpsjs加载项

wanghan519

面向纯新手，高手笑一下就好


动机：看到网上用echarts.js做的图表相当漂亮，想用来显示自己的数据。
步骤：
1. 浏览Examples - Apache ECharts找个自己喜欢的例子，点击中间靠下的Download按钮，下载到一个area-simple.html文件。
2. 浏览https://nodejs.org/，选个版本下载安装node。
3. 按win+r运行powershell，输入“npm i wpsjs -g”回车，安装wpsjs模块。
4. 还在上面的powershell里，输入“cd $env:USERPROFILE\Desktop\”回车，切换到桌面，再输入“wpsjs create myecharts”回车，建立一个用于电子表格的无模板的myecharts文件夹。
5. 进入myecharts文件夹里的ui文件夹，用上面下载的area-simple.html文件替换覆盖掉taskpane.html
6. 用文本编辑器打开taskpane.html，找到靠下面一些的data: data行，把这一行改成“data: wps.Range("A1:A20000").Value().flat()”，保存
7. 回到上面的powershell窗口，输入“cd myecharts; wpsjs debug”，在打开的wps表格里A1:A20000生成一堆随机数。
8. 点击工具栏上，wps加载项示例，按钮Enable，弹任务窗格网页，就可以显示漂亮的图表了。

没有设计按钮，没有打包发布，只是想通过最简单的使用，方便更多朋友上手这个 XD

LIUZHU

没弄明白加载项这个东西，为什么非要执行一个命令，重新启动才能看到，为什么不能像.xlam文件那样一直可见？

wanghan519

LIUZHU 发表于 2023-3-20 09:05
没弄明白加载项这个东西，为什么非要执行一个命令，重新启动才能看到，为什么不能像.xlam文件那样一直可见 ...

个人理解，那就是调试时临时开的一个web服务，等到发布的时候，可以开着服务器，客户从网页安装这个加载项，也可以不开web服务，手动解压到文件夹，类似xlam

wodewan

只是显示E-chart，还有更简单粗暴的，不用Node，不用SDK，不用加载项，直接JSA宏也行，就一句代码。

wanghan519

wodewan 发表于 2023-3-20 12:44
只是显示E-chart，还有更简单粗暴的，不用Node，不用SDK，不用加载项，直接JSA宏也行，就一句代码。

上次的帖子里让我们找这个方法，一直也没找到，终于学到了，大佬威武

abiao

都要那么多步，还叫简单粗暴？这叫复杂粗暴！

wanghan519

abiao 发表于 2023-3-25 20:01
都要那么多步，还叫简单粗暴？这叫复杂粗暴！

那么还有什么好办法吗，还请告知

在不知道Excel有js加载项之前，我能想到的只有用c#弄个webview2，里面显示网页，实在是更加麻烦

abiao

wanghan519 发表于 2023-3-25 20:15
那么还有什么好办法吗，还请告知

在不知道Excel有js加载项之前，我能想到的只有用c#弄个webview2，里 ...

我那会呀？我不懂！开个玩笑而已！

wanghan519

abiao 发表于 2023-3-25 20:22
我那会呀？我不懂！开个玩笑而已！

好吧，目前看来4楼大佬的办法确实是最方便的