antvis/G2

无法设置透明度 #6058

Jungzl posted onGitHub

问题描述

import { Chart } from '@antv/g2';
import { Renderer } from '@antv/g-svg';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
  { year: '1959 年', sales: 38 },
  { year: '1960 年', sales: 38 },
  { year: '1962 年', sales: 38 },
];

const chart = new Chart({
  container: 'container',
  autoFit: true,
  renderer: new Renderer(),
});

chart
.interval()
.data(data)
.encode('x', 'year')
.encode('y', 'sales')
.axis('x', { 
  labelFill: '#f00',
  labelFillOpacity: 1, // ⬅️ not working
 });

chart.render();

image image image 透明度固定为0.45

重现链接

No response

重现步骤

No response

预期行为

No response

平台

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

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


设置 labelOpacity 呢,能生效吗?

posted by hustcc over 1 year ago

那就是文档有误了

posted by Jungzl over 1 year ago

看 svg 中,fill 属性中确实是带了 opacity 信息的。

posted by hustcc over 1 year ago

看 svg 中,fill 属性中确实是带了 opacity 信息的。

image 此处应为 labelOpacity

posted by Jungzl over 1 year ago

了解了,方便来提一个 PR 修复下嘛![初级任务]

posted by hustcc over 1 year ago

好的

posted by Jungzl over 1 year ago

Fund this Issue

$0.00
Funded

Pull requests