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
antv V5.2.2 面积图area内置 shape 图形设置除了area之外的选项设置无效 /**
const chart = new Chart({ container: 'container', autoFit: true, });
chart.data({ type: 'fetch', value: 'https://assets.antv.antgroup.com/g2/stocks.json', transform: [ { type: 'filter', callback: (d) => d.symbol === 'GOOG', }, ], });
chart .smooth() .encode('x', (d) => new Date(d.date)) .encode('y', 'price') .style('fill', 'linear-gradient(-90deg, rgba(24,144,255,.1) 0%, rgba(24,144,255,.25) 100%)');
chart .line() .encode('x', (d) => new Date(d.date)) .encode('y', 'price') .style('stroke', 'rgba(24,144,255,.90)') .style('lineWidth', 2);
chart.render();
No response
可以绘制平滑曲线的面积图
The text was updated successfully, but these errors were encountered:
No branches or pull requests
问题描述
antv V5.2.2 面积图area内置 shape 图形设置除了area之外的选项设置无效
/**
*/
import { Chart } from '@antv/g2';
const chart = new Chart({
container: 'container',
autoFit: true,
});
chart.data({
type: 'fetch',
value: 'https://assets.antv.antgroup.com/g2/stocks.json',
transform: [
{
type: 'filter',
callback: (d) => d.symbol === 'GOOG',
},
],
});
chart
.smooth()
.encode('x', (d) => new Date(d.date))
.encode('y', 'price')
.style('fill', 'linear-gradient(-90deg, rgba(24,144,255,.1) 0%, rgba(24,144,255,.25) 100%)');
chart
.line()
.encode('x', (d) => new Date(d.date))
.encode('y', 'price')
.style('stroke', 'rgba(24,144,255,.90)')
.style('lineWidth', 2);
chart.render();
![企业微信截图_17363011989759](https://private-user-images.githubusercontent.com/109895777/400975453-06e2d8a7-e38c-4d28-8bbf-cd430346dd4a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjQxNTUsIm5iZiI6MTczODc2Mzg1NSwicGF0aCI6Ii8xMDk4OTU3NzcvNDAwOTc1NDUzLTA2ZTJkOGE3LWUzOGMtNGQyOC04YmJmLWNkNDMwMzQ2ZGQ0YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMzU3MzVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NDY5NjE3M2I4MjljODhhZjQ2MWE5ZjExNWJmOTk5ZjMwZDI0M2IxYjhjOGRjMGRmMzNjNTA0MmU2YjU0ZWY0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.UyRCxeSHEEGBy5F_zoifH5-0XbkP-kiE9tPdHOnVMvc)
![企业微信截图_17363012181724](https://private-user-images.githubusercontent.com/109895777/400975474-5f2de49e-90bc-4950-b7bc-ffb0319b9e00.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg3NjQxNTUsIm5iZiI6MTczODc2Mzg1NSwicGF0aCI6Ii8xMDk4OTU3NzcvNDAwOTc1NDc0LTVmMmRlNDllLTkwYmMtNDk1MC1iN2JjLWZmYjAzMTliOWUwMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwNVQxMzU3MzVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yNDlhNmM1ODU2MjdmNThmNWMxZDg3M2E5NThhMjBlYjhkZTRhMjNiOWRjMzViZjg3OGU0NjE2ZWU2MTQ0YzllJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.D4gIgDR7hUzvncYM5JEL87dfIQm_bs6ygc9sKCXI4mE)
重现链接
No response
重现步骤
No response
预期行为
可以绘制平滑曲线的面积图
平台
No response
屏幕截图或视频(可选)
No response
补充说明(可选)
No response
The text was updated successfully, but these errors were encountered: