import { DualAxes } from '@ant-design/charts'; const OrderDualAxes = ({ data, statisticMethod }) => { let yFiledString = ''; if (statisticMethod === 'MONTH_STATISTICS') { yFiledString = 'curTime'; } else { yFiledString = 'curMonth'; } const config = { data: [ data.targetAndTotalPaymentDtoList === undefined ? [] : data.targetAndTotalPaymentDtoList, data.orderNumberDtoList === undefined ? [] : data.orderNumberDtoList, ], xField: yFiledString, yField: ['curDayTotalPayment', 'curDayTotalOrderNumber'], geometryOptions: [ { geometry: 'line', seriesField: 'type', lineStyle: { lineWidth: 3, lineDash: [5, 5], }, smooth: true, }, { geometry: 'line', seriesField: 'name', point: {}, }, ], }; return <DualAxes {...config} />; }; export default OrderDualAxes;