Способ показать полную дату вместо просто чч: сс в LightningChart JS?

Question

На приведенном выше снимке экрана показана уменьшенная версия, где дата показана в полном формате, но при увеличении она показывает только время в формате чч: сс. На втором скриншоте показано увеличенное изображение в версии . Есть ли способ показать полную дату в легенде в версии Zoomed In? Пожалуйста, помогите

Answer 1

Когда создается DateTime AxisTickStrategy, вы можете предоставить опции форматирования через третий параметр в вызове AxisTickStrategies.DateTime(). Этот третий параметр ожидает, что ему будет предоставлен объект параметров Intl.DateTimeFormat .

В соответствии с документацией Intl.DateTimeFormat.options свойств объекта. Мы можем получить дату и время, которые будут всегда видны с помощью

lightningChart().ChartXY({
    defaultAxisXTickStrategy: AxisTickStrategies.DateTime(
        undefined, 
        undefined,
        {
            year: 'numeric',
            month: 'long',
            day: 'numeric',
            hour: 'numeric',
            minute: 'numeric'
        }
    )
})

Вы можете передать undefined первому и второму параметру, если хотите использовать значения по умолчанию для них.

При этом мы можем получить результат, который выглядит следующим образом:

При этом способ форматирования не изменяется при увеличении, он всегда остается прежним. Форматирование можно настроить больше, следуя документации по свойствам Intl.DateTimeFormat.options.