如何解决在@devexpress/dx-react-chart-material-ui 中绘制areaseries 的顶部曲线
我正在使用@devexpress/dx-react-chart-material-ui 的图表开发一个应用程序。 我想将顶部曲线绘制为实线。但是我没有找到实现它的方法。所以我 我正在尝试使用样条系列。但是样条曲线与areaseries 的顶部曲线不匹配。 我的代码如下。
import React from "react";
import Paper from "@material-ui/core/Paper";
import {
Chart,ArgumentAxis,ValueAxis,AreaSeries,Splineseries,} from "@devexpress/dx-react-chart-material-ui";
import { withStyles } from "@material-ui/core/styles";
const Area = (props) => (
<AreaSeries.Path
{...props}
path={area()
.x(({ arg }) => arg)
.y1(({ val }) => val)
.y0(({ startVal }) => startVal)
.curve(curveCatmullRom)}
/>
);
export default class LCharts extends React.PureComponent {
constructor(props) {
super(props);
this.state = {
data: props.seriesData,};
}
render() {
const { data: chartData } = this.state;
return (
<Paper>
<Chart data={chartData}>
<ArgumentAxis />
<ValueAxis />
<AreaSeries
name="Total"
valueField="total"
argumentField="state"
seriesComponent={Area}
/>
<Splineseries valueField="total" argumentField="state" />
</Chart>
</Paper>
);
}
}
结果截图: Result Image
是否可以将顶部曲线绘制为实线?如何实施?
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。