Estoy intentando generar un sesgo con react-chartjs-2 usando el componente Scatter

un sesgo es un perfil meteorológico vertical https://www.weather.gov/jetstream/skewt

 import { Scatter } from 'react-chartjs-2';

hachas

• isobaras : líneas de igual presión trazadas logarithmic a lo largo del eje y
• isotermas : líneas de igual temperatura trazadas a 45° con valores de temperatura que aumentan desde la esquina superior izquierda hasta la esquina inferior derecha del gráfico.

Estoy atascado en las isotherms , ¿cómo puedo cambiar el ángulo de mi x axis ?

El component obtiene su configuración de un hook personalizado

 export default function Skewt(){ const { data, options, plugins, onEvent } = useChart(); return( <Scatter // data={data} options={options} plugins={plugins} getDatasetAtEvent={onEvent} getElementAtEvent={onEvent} getElementsAtEvent={onEvent} /> ) }

...el gancho

 const useChart = () => { const data = useMemo(()=>({...}),[]) const options = useMemo( () => ({ scales: { x: { id: 'isoTherm', type: 'linear', grid: {...} }, y: { id: 'isoBar', type: 'logarithmic', grid:{...}, }, }, }), [] ); ... return { data, options, plugins, onEvent }; };

react-chartjs-2 Dispersión

sesgado-t