We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
如题,按文档中 进行设置 将样式设置 在style中并不能生效,经过测试发现只有写在外层时才能生效
import { Chart } from '@antv/g2'; const chart = new Chart({ container: 'container', theme: 'classic', autoFit: true, insetTop: 30, paddingBottom: 100, }); const logo = [ [ '抖音', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*8IXHQLvx9QkAAAAAAAAAAAAADmJ7AQ/original', ], [ '快手', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*swueRrrKvbcAAAAAAAAAAAAADmJ7AQ/original', ], [ '小米', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*79G3TIt3mBoAAAAAAAAAAAAADmJ7AQ/original', ], [ '微信', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_ELBTJLp0dQAAAAAAAAAAAAADmJ7AQ/original', ], [ 'Keep', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*JzbKRpFhR14AAAAAAAAAAAAADmJ7AQ/original', ], [ 'Chrome', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*xLnYTaZfdh8AAAAAAAAAAAAADmJ7AQ/original', ], [ 'QQ', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*AbGNTpA5JLwAAAAAAAAAAAAADmJ7AQ/original', ], [ '优酷', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*UL6lS4jw9lUAAAAAAAAAAAAADmJ7AQ/original', ], [ '百度地图', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*I6nrTITAxcoAAAAAAAAAAAAADmJ7AQ/original', ], [ '腾讯视频', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*zwVvT5OFnuYAAAAAAAAAAAAADmJ7AQ/original', ], [ '哔哩哔哩', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*6jkAQayTiMMAAAAAAAAAAAAADmJ7AQ/original', ], [ 'Word', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*FbkXT6K6mVEAAAAAAAAAAAAADmJ7AQ/original', ], [ 'Excel', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*CKb-R6ZAFpYAAAAAAAAAAAAADmJ7AQ/original', ], [ 'PowerPoint', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*K7-FT4RYRqIAAAAAAAAAAAAADmJ7AQ/original', ], [ '腾讯会议', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*xbPXR7snu44AAAAAAAAAAAAADmJ7AQ/original', ], [ '网易云音乐', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*upKlRJ9QB4cAAAAAAAAAAAAADmJ7AQ/original', ], [ 'Safari', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*kjDHRbiW734AAAAAAAAAAAAADmJ7AQ/original', ], [ '地图', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*tl-2QIB8LKIAAAAAAAAAAAAADmJ7AQ/original', ], [ 'Docker', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*iJ4dS49yrJ4AAAAAAAAAAAAADmJ7AQ/original', ], [ 'VSCode', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*rR6nRInEcz4AAAAAAAAAAAAADmJ7AQ/original', ], [ '百度网盘', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*futaTbIAkG4AAAAAAAAAAAAADmJ7AQ/original', ], [ '印象笔记', 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*Skh1S4BfL9oAAAAAAAAAAAAADmJ7AQ/original', ], ]; chart .interval() .data(logo) .encode('x', (d) => d[0]) .encode('y', () => Math.random()) .encode('color', (d) => d[1]) .scale('y', { nice: true }) .legend({ color: { itemMarker: (_, index) => () => { const { document } = chart.getContext().canvas; const image = document.createElement('image', { style: { width: 20, height: 20, anchor: '0.5 0.5', src: logo[index][1], }, }); return image; }, itemMarkerSize: 40, itemLabelText: (_, index) => logo[index][0], // 只有写在这里才生效 itemLabelFontSize: 30, itemLabelFill: 'red', style:{ //style 中的设置未生效 itemLabelFontSize: 50, itemLabelFill: '#fff', } }, }) .tooltip(false); chart.render();
The text was updated successfully, but these errors were encountered:
补充,增加 圆角属性后图例的样式也会失效 //.encode('shape', 'smooth') // 圆角
Sorry, something went wrong.
第一个问题我马上修复一下
这个可以单独提一个 issue 吗?
补充,增加 圆角属性后图例的样式也会失效 //.encode('shape', 'smooth') // 圆角 这个可以单独提一个 issue 吗?
ok
pearmini
Successfully merging a pull request may close this issue.
如题,按文档中 进行设置 将样式设置 在style中并不能生效,经过测试发现只有写在外层时才能生效
The text was updated successfully, but these errors were encountered: