Я использую React 15.7 и реагирующую диаграмму js -2, и я хочу отобразить линейный график, на котором есть много точек данных, число которых варьируется в зависимости от времени суток. Если я просто введу эти точки данных на диаграмму, это станет практически нечитаемым, поскольку ширина диаграммы слишком мала для всех точек данных.
По умолчанию линейная диаграмма охватывает всю доступную ширину страницы
Поэтому я попытался обернуть график в тег DIV (назовем его «оболочкой графика») и динамически отрегулировать ширину в зависимости от количества точек данных на каждой. время. Затем я обернул «графическую оболочку» во второй DIV, ширина которого равна ширине страницы, а переполнение было установлено на auto.
<div className={'graph-container'}>
<div className={'graph-wrapper'} style={{width, height}}>
<Line height={height} data={{datasets,labels}} options={options}/>
</div>
</div>
Приведенное выше решение работает, но есть одна проблема. Разрыв строки происходит после достижения определенной ширины, и видны только точки из точек данных.
Есть ли какое-либо решение для этого? Через плагин или через пользовательский код?