моя ось x не работает с ResponsiveContainer в повторных графиках. js - PullRequest
Новая
       47

моя ось x не работает с ResponsiveContainer в повторных графиках. js

0 голосов
/ 13 марта 2020

enter image description here

Я использую ResponsiveContainer для оптимизации моего графика для мобильного представления, и сама диаграмма работает и реагирует, но ось x не оптимизируется правильно. Есть ли способ удалить номера оси x, если размер окна имеет определенную ширину?

Структура моего кода похожа на 

      <LineChart
        width={1100}
        height={400}
        data={data}
        margin={{
          top: 5, right: 30, left: 80, bottom: 5,
          // top: 5, right: 30, left: 120, bottom: 5,
        }}
      >
        <CartesianGrid strokeDasharray="3 3" />
        <XAxis 
        dataKey="x" 
        interval={30} 
        tickFormatter = {(value) => moment.unix(value).format("MM/YY")}
        />

        <YAxis 
        tickFormatter = {(yaxisNum) => new Intl.NumberFormat('en').format(yaxisNum)}
        // label={{ value: 'Hash Rate TH/s', angle: -90, position: 'left' }}
        label={
          <Text
             x={0}
             y={0}
            //  dx={50}
             dx={20}
             dy={250}
            //  dy={150}
             offset={0}
             angle={-90}
          >Hash Rate TH/s</Text>       
       }
       />
  <Tooltip labelFormatter={() => undefined} formatter={(okay) => [new Intl.NumberFormat('en').format(okay), undefined]} />  
        <Line type="monotone" dataKey="y" stroke="#8884d8" dot={false} />
      </LineChart>
      </ResponsiveContainer>```
...