Engage to Life Energy
技术分享丨ECharts绘制火山图
发布日期：2023-02-27浏览：
次
1
前言
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
交互是从数据中发掘信息的重要手段。“总览为先，缩放过滤按需查看细节”是数据可视化交互的基本需求。
ECharts提供了 图例、视觉映射、数据区域缩放、tooltip、数据刷选等开箱即用的交互组件，可以对数据进行多维度数据筛取、视图缩放、展示细节等交互操作。
火山图（Volcano Plot）是散点图的一种，火山图可用于展示两组样本间基因表达水平差异的分布状况。其横坐标为基因在样本间差异表达倍数的对数logFoldChange，横坐标为差异显著性（p-value或q-value）。交互式火山图通过ECharts实现图片的动态生成交互功能。
2
数据准备
表头信息不需要一致，将数据保存为csv格式
使用python将csv转换成我们要是用的json格式
在转换后的json文件内容前添加 let aa = ，定义为js文件
创建html文件，引入ECharts和准备好的json数据
2
绘制散点图
保存后运行html文件，得到效果图：
3
添加映射
给数组添加显著上下调信息并通过不同颜色显示
4
坐标轴调整
修改坐标轴参数
5
添加交互信息
显示GeneId，LogFC，Pavlue信息
6
添加标记线
