@sensecare/volcano-plot-chart v1.0.4

火山图

/**
 * 名称：火山图
 * @param {*} id 当前选中容器
 * @param {*} data 当前数据
 * @param {*} onMouseOver 鼠标移入事件
 * @param {*} onMouseOut 鼠标移出事件
 * @param {*} onMouseClick 鼠标点击事件
 **/

 import { initVolcanoPlot } from 'xxx'

  // 点击事件
  const onMouseClick = (e, v) => {
    console.log(e, v)
  }
  // 移入事件
  const onMouseOver = (e, v) => {
    console.log(e, v)
  }
  // 移出事件
  const onMouseOut = (e, v) => {
    console.log(e, v)
  }
    // mock数据
  let data = [
    {
    "gene": "ENSG00000000003",
    "baseMean": 3212.727154803291,
    "log2FoldChange": 1.157836827576532,
    "lfcSE": 0.10668849772671704,
    "pvalue": 1.940459248692523e-27,
    "padj": 3.285704625896251e-26
  },
  {
    "gene": "ENSG00000000005",
    "baseMean": 32.465527392803,
    "log2FoldChange": 2.715253310482249,
    "lfcSE": 0.620305354682782,
    "pvalue": null,
    "padj": null
  },
  {
    "gene": "ENSG00000000419",
    "baseMean": 1600.1242691433722,
    "log2FoldChange": 0.26732038466880237,
    "lfcSE": 0.08057509319774372,
    "pvalue": 0.0009077643699279182,
    "padj": 0.0021156701074263908
  },
  {
    "gene": "ENSG00000000457",
    "baseMean": 903.9512099558837,
    "log2FoldChange": 0.41891695185297284,
    "lfcSE": 0.06652945786958162,
    "pvalue": 3.0402196149303675e-10,
    "padj": 1.4570677183721172e-9
  },
  {
    "gene": "ENSG00000000460",
    "baseMean": 428.4652134630139,
    "log2FoldChange": 1.7139398866218447,
    "lfcSE": 0.10015359349734103,
    "pvalue": 1.1849128667804581e-65,
    "padj": 1.3990180561725053e-63
  },
  {
    "gene": "ENSG00000000938",
    "baseMean": 1368.7051421423348,
    "log2FoldChange": -2.1972823193215985,
    "lfcSE": 0.13735395505311881,
    "pvalue": 1.3359555444432927e-57,
    "padj": 1.1071484436920218e-55
  },
  {
    "gene": "ENSG00000000971",
    "baseMean": 5237.692369017703,
    "log2FoldChange": 0.17618342462764208,
    "lfcSE": 0.15884348923510153,
    "pvalue": 0.26735958975628416,
    "padj": 0.3678434789532337
  },
  {
    "gene": "ENSG00000001036",
    "baseMean": 3590.7924990660113,
    "log2FoldChange": 0.2483865197760788,
    "lfcSE": 0.08784497471688431,
    "pvalue": 0.004690492020854448,
    "padj": 0.009690063758376163
  },
  {
    "gene": "ENSG00000001084",
    "baseMean": 5263.7607420828035,
    "log2FoldChange": 2.2716108445385497,
    "lfcSE": 0.2299496186161662,
    "pvalue": 5.1479757185578613e-23,
    "padj": 6.543304156671518e-22
  }
  ]
  // 生成离散图实例
  initVolcanoPlot({
    data,
    id: '#volcano',
    onMouseOver,
    onMouseOut,
    onMouseClick
  })