在@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 (将#修改为@）