Grid studio画图入门（一）

约定不等于承诺〃 2023-07-06 13:25 5阅读 0赞

Grid studio在[上一篇文章][Link 1]已经进行了安装，这里使用一下

首先，运行sh run.sh

[root@VM_0_9_centos gridstudio-master]# sh run.sh

如果出现不是第一次运行的话，这里直接就进行运行之前拉取的docker镜像了，但是如果上一次sh shutdown的时候没有进行destroy的话，会报错：

[root@VM_0_9_centos gridstudio-master]# sh run.sh 
    gridstudio container detected - starting container - want to do a full restart? Run destroy.sh first.
    gridstudio

按照提示执行：

[root@VM_0_9_centos gridstudio-master]# sh destroy.sh 
    gridstudio

此时再进行运行：

[root@VM_0_9_centos gridstudio-master]# sh run.sh 
    --> Updating terminal app.js
    --> Run manager proxy, starting manager.go (compiling with go run ...)
    Listening on port: 8080
    WS Listening on port: 4430

此时在浏览器打开：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70][]

点击这个create new workspace按钮就能来到：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 1][]

以后就在这里进行工作

如果细心会在linux里面发现：

No uuid found, creating new WorkSession and processes
    Create users session with UUID: f6889fd7-c1f9-49d0-b5b0-fbd8dc2f8ee6.
    3 user sessions active.

这就是新建工作空间时所执行的，上面有一串UUID，这个理解成身份证号就行了，用于标记此session，而且还会发现其实浏览器上面的网址后面一串就是uuid：

![20200219141052276.png][]

如果我们将工作空间删去的时候，我们可以看到：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 2][]

此时的linux上会出现这么一行：

rm -rf /home/userdata/workspace-f6889fd7-c1f9-49d0-b5b0-fbd8dc2f8ee6

说了这么多废话，言归正传，我们可以进行

一、修改workspace名字

将鼠标放在上面一点就可以进行命名，在这里我使用的plot01

这个其实命名不算严谨，哪怕只用空格（或者删去啥也不填）也是可以的，只是命名为空，也是可以保存的。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 3][]

二、从本地导入数据

可以使用File->load csv打开本地文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 4][]

三、画图

利用上一步骤导入的数据进行画图

按住shift，与使用Excel一致，在对角线顶点分别点击一下，就能选中数据，然后plot->scatter：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 5][]

结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 6][]

我们可以发现这个图不是静态图，因为上面一栏有很多按钮一样的东西可以选择，哪怕就是我们滑动鼠标，也能进行图像的缩放，上面的按钮都有功能提示，因为这玩意就是一个js，因此我们才能进行交互而不是动态的。

另外我们还可以利用python进行画图

我们不妨还是选择数据，然后右键：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 7][]

此时右边的python编辑器就能显示代码：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 8][]

我们不妨执行一下该代码：

跟不同的python执行一样，可以一行一行执行，也可以选择中一次性执行，执行按钮在右下角的播放按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 9][]

[Link 1]: https://blog.csdn.net/zhou_438/article/details/104387822
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200219140447753.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200219140616458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[20200219141052276.png]: https://img-blog.csdnimg.cn/20200219141052276.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200219141225546.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200219141545675.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200219142341497.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200219142825419.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200219143011188.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200219143349884.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200219143430204.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200219143633479.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VfNDM4,size_16,color_FFFFFF,t_70