antvis/G2

[Bug]: view 多 mark 情况下,interval.tansform 会影响 line 分组 #6657

moayuisuda posted onGitHub

Describe the bug / 问题描述

想要的效果是,在双轴图中,柱形图的空间不被折线图影响,所以用了 dodgeX(参考 adc) Image 柱形图空间被占用问题:https://stackblitz.com/edit/react-chvm779o-qgu8qnrr?file=src%2Findex.js

但是发现用了 transform 后,line 的 series 不生效了 interval 无 transform Image interval 有 transform Image https://stackblitz.com/edit/react-chvm779o-73z28r2r?file=src%2Findex.js

看起来是 dodgeX 提前产生了 series scale Image 导致这里直接 return,不再生成 line 的 domain Image

但这里如果不 return,生成全部的 domain,又会导致 interval 计算布局的时候,空间被 line series 占用 Image

目前在尝试看能不能布局的时候,仅根据相同 type 的 mark series 来计算布局

No response

Steps to Reproduce the Bug or Issue / 重现步骤

No response

Version / 版本

Please select / 请选择

OS / 操作系统

  • macOS
  • Windows
  • Linux
  • Others / 其他

Browser / 浏览器

  • Chrome
  • Edge
  • Firefox
  • Safari (Limited support / 有限支持)
  • IE (Nonsupport / 不支持)
  • Others / 其他

需要配置一下line的比例尺

   {
      type: 'line',
      data: [
        {
          '39eb1398-046e-46ea-9323-3d5f673c79b2': '2025-02-03',
          '798557fa-e2c7-42d6-95fd-de571a822584': '男',
          '2826ab40-1697-44c6-8601-7b0e65e784cb': 3308170,
          $$datum_index$$: 0,
        },
        {
          '39eb1398-046e-46ea-9323-3d5f673c79b2': '2025-02-03',
          '798557fa-e2c7-42d6-95fd-de571a822584': '女',
          '2826ab40-1697-44c6-8601-7b0e65e784cb': 4308170,
          $$datum_index$$: 0,
        },
        {
          '39eb1398-046e-46ea-9323-3d5f673c79b2': '2025-02-04',
          '798557fa-e2c7-42d6-95fd-de571a822584': '男',
          '2826ab40-1697-44c6-8601-7b0e65e784cb': 3167799,
          $$datum_index$$: 2,
        },
        {
          '39eb1398-046e-46ea-9323-3d5f673c79b2': '2025-02-04',
          '798557fa-e2c7-42d6-95fd-de571a822584': '女',
          '2826ab40-1697-44c6-8601-7b0e65e784cb': 5167799,
          $$datum_index$$: 2,
        },
      ],
      encode: {
        y: '2826ab40-1697-44c6-8601-7b0e65e784cb',
        color: '798557fa-e2c7-42d6-95fd-de571a822584',
        series: '798557fa-e2c7-42d6-95fd-de571a822584',
      },
      scale: {
        series: {
          independent: true,
        },
      },
    },

类似的讨论 https://github.com/antvis/G2/issues/5250

posted by interstellarmt about 1 month ago

有点隐蔽,感觉有 series 的情况下,可以内部默认设置 independent

posted by moayuisuda about 1 month ago

Fund this Issue

$0.00
Funded

Pull requests