Блог

Главная - Вопросы по программированию - Этикетки CanvasJS расположены неправильно

Этикетки CanvasJS расположены неправильно

#canvasjs

Вопрос:

Я использую CanvasJS для отображения некоторых данных о погоде, но метки, похоже, расположены неправильно по отношению к их точке данных.

В чем причина этого?

введите описание изображения здесь

Это моя конфигурация диаграммы:

 animationEnabled: true,
        exportEnabled: true,
        title: {
            text: 'Pronóstico 8 Días',
        },
        axisX: {
            valueFormatString: 'DD MMM,YYYY',
            labelAngle: -30,
            labelPlacement: 'outside',
            labelTextAlign: 'left',
        },
        axisY: {
            title: 'Temperatura',
            suffix: ' °C',
            minimum: 18,
            maximum: 40,
            interval: 2,
        },
        data: [
            {
                name: 'Mínimas',
                type: 'line',
                yValueFormatString: '#0.## °C',
                showInLegend: true,
                indexLabelWrap: true,
                indexLabelMaxWidth: 80,
                dataPoints: min,
            },
            {
                name: 'Máximas',
                type: 'line',
                yValueFormatString: '#0.## °C',
                showInLegend: true,
                indexLabelWrap: true,
                indexLabelMaxWidth: 80,
                dataPoints: max,
            },
        ],

Комментарии:

1. Похоже, что переданные точки данных различаются по компоненту времени, т. е. по часам/минутам. Если вы измените строку xValueFormatString на «ДД ММ ГГГГ чч:мм», а строку valueFormatString: на «ДД МММ, ГГГГ чч:мм», вы можете четко заметить разницу между ними.

Ответ №1:

Проблема заключалась в том, что даты менялись, потому что они включали время, поэтому я просто превратился только в день/месяц/год.

Метки: