antvis/G2

legend 怎么设置距离图表的距离 #5976

YY88Xu posted onGitHub

问题描述

<img width="1209" alt="image" src="https://github.com/antvis/G2/assets/14836228/94c5acb5-5279-4f55-b1ae-04d4f58c9b53">

重现链接

No response

重现步骤

import { Chart } from '@antv/g2';

const chart = new Chart({ container: 'container' });

chart
  .interval()
  .data([
    { genre: 'Sports', sold: 0 },
    { genre: 'Strategy', sold: 115 },
    { genre: 'Action', sold: 120 },
    { genre: 'Shooter', sold: 350 },
    { genre: 'Other', sold: 150 },
  ])
  .encode('x', 'genre')
  .encode('y', 'sold')
  .encode('color', 'genre')
  .style('minHeight', 50);

chart.render();

预期行为

No response

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


.legend('color', {
  crossPadding: 30
});
posted by pearmini over 1 year ago

Fund this Issue

$0.00
Funded

Pull requests