Implementé este repositorio en netlify y esta URL mostró mi gráfico como se esperaba en Chrome con mi macbook pro. sin embargo, si abro la URL, no muestra nada. En realidad, cuando veo el sitio de documentación oficial del gráfico de victoria , puedo ver los gráficos de ambos dispositivos. así que me pregunto por qué mi sitio no funciona en iPhone.

puede verificar mi código en [mi repositorio] ( este repositorio )

la parte esencial del código está debajo.

 import React from 'react'; import { StringOrNumberOrCallback, VictoryAxis, VictoryChart, VictoryLine, } from 'victory'; const Chart: React.FC = () => { const profitHistoryList = [ { datetime: '2021-12-31 00:00:00', cash: 10001.53, id: 57, }, { datetime: '2022-01-03 00:00:00', cash: 10001.53, id: 58, }, { datetime: '2022-01-18 00:00:00', cash: 9999.72, id: 59, }, { datetime: '2022-01-19 00:00:00', cash: 9999.72, id: 60, }, ]; const data = profitHistoryList.map((p) => ({ x: new Date(p.datetime), y: p.cash, })); const areaColor: StringOrNumberOrCallback = data[data.length - 1].y > 10000 ? 'green' : 'red'; const { innerHeight: height } = window; return ( <td className="w-40 md:w-full"> <VictoryChart style={{ background: { fill: 'black' }, }} height={(height * 1) / 12} scale={{ x: 'time' }} padding={{ top: 10, left: 10, right: 10, bottom: 10 }} > <VictoryLine data={data} style={{ data: { stroke: areaColor, }, }} /> <VictoryAxis dependentAxis style={{ axis: { stroke: 'none' } }} /> <VictoryAxis style={{ axis: { stroke: 'none' } }} /> </VictoryChart> </td> ); }; export default Chart;

 import Position from 'Position'; import { VFC } from 'react'; import './App.css'; import './index.css'; const App: VFC = () => ( <div className="App"> <Position /> </div> ); export default App;