import { DualAxes } from '@ant-design/charts'; const OrderDualAxes = ({ data, statisticMethod }) => { console.log(data); let yFiledString = 'curTime'; if ( statisticMethod === 'MONTH_STATISTICS' || statisticMethod === 'LAST_MONTH_STATISTICS' ) { yFiledString = 'curTime'; } else { yFiledString = 'curMonth'; } const config = { data: [ data.targetAndTotalPaymentDtoList === undefined || data.targetAndTotalPaymentDtoList === null ? [] : data.targetAndTotalPaymentDtoList, data.orderNumberDtoList === undefined || data.orderNumberDtoList === null ? [] : 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;