antvis / antvis/G2Plot

柱状图条形图设置过radius后,容器宽度小于radius后会报错,而且恢复宽度后图形无法恢复

Open
#2,372 3 comments 0 reactions 1 assignee Claimed by @pearmini View on GitHub
enhancement G
Dominant language
TypeScript
Stars
2.7k
Forks
591
PR merge metrics
No merged PRs in 30d

Description

* **G2Plot Version**:
* **Platform**:
* **Mini Showcase(like screenshots)**:
* **CodePen Link**:

报错信息: Uncaught DOMException: Failed to execute 'ellipse' on 'CanvasRenderingContext2D': The major-axis radius provided (-0.808186) is negative.

const data = [
{
type: '家具家电',
sales: 38,
},
{
type: '粮油副食',
sales: 52,
},
{
type: '生鲜水果',
sales: 61,
},
{
type: '美容洗护',
sales: 145,
},
{
type: '母婴用品',
sales: 48,
},
{
type: '进口食品',
sales: 38,
},
{
type: '食品饮料',
sales: 38,
},
{
type: '家庭清洁',
sales: 38,
},
];

const columnPlot = new Column('container', {
data,
xField: 'type',
yField: 'sales',
appendPadding:[16,100,16,16],
label: {
// 可手动配置 label 数据标签位置
position: 'middle', // 'top', 'bottom', 'middle',
// 配置样式
style: {
fill: '#FFFFFF',
opacity: 0.6,
},
},
columnStyle:{
radius:[10,10,10,10]
},
xAxis: {
label: {
autoHide: true,
autoRotate: false,
},
},
meta: {
type: {
alias: '类别',
},
sales: {
alias: '销售额',
},
},
});

columnPlot.render();
const el = document.getElementById('container');
el.style.width='5px'

报错信息: Uncaught DOMException: Failed to execute 'ellipse' on 'CanvasRenderingContext2D': The major-axis radius provided (-0.808186) is negative.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.