🐛 [BUG]面积图 / 图形样式/ areaStyle / lineDash配置不生效

[shuaishuai222]

面积图 / 图形样式/ areaStyle / lineDash配置不生效

demo地址

代码

import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';
import { Area } from '@ant-design/plots';

const DemoArea = () => {
const [data, setData] = useState([]);

useEffect(() => {
asyncFetch();
}, []);

const asyncFetch = () => {
fetch('https://gw.alipayobjects.com/os/bmw-prod/1d565782-dde4-4bb6-8946-ea6a38ccf184.json')
.then((response) => response.json())
.then((json) => setData(json))
.catch((error) => {
console.log('fetch data failed', error);
});
};
const config = {
data,
xField: 'Date',
yField: 'scales',
xAxis: {
range: [0, 1],
tickCount: 5,
},
areaStyle: () => {
return {
fill: 'l(270) 0:#ffffff 0.5:#7ec2f3 1:#1890ff',
lineDash: [10, 1]
};
},
};

return <Area {...config} />;
};

ReactDOM.render(, document.getElementById('container'));

[visiky]

lineDash配置不上

G2 4.0 版本吗？可否提供一个 codesandbox 复现链接

[shuaishuai222]

lineDash配置不上

G2 4.0 版本吗？可否提供一个 codesandbox 复现链接

https://charts.ant.design/zh/examples/area/basic#basic-gradients

1.4.2

[shuaishuai222]

@visiky

[hustcc]

设置 line.style.lineDash 即可。

line: {
  style: {
    lineDash: [4, ],
  }
}