Диаграмма js - вставка меток в xAxes - PullRequest
Новая
       5

Диаграмма js - вставка меток в xAxes

0 голосов
/ 20 февраля 2020

Мне нужна помощь для разработки моей диаграммы, я сомневаюсь, как построить метки динамически c из наборов данных.

Мой код: 

public lineChart: any = {
		type: 'line',
		datasets: [{
			label: 'Dólar Alvo',
			data: [{ x: '18/02/2020 08:00', y: 4.1000 }, { x: '18/02/2020 09:00', y: 4.1000 }],
			fill: false,
			
		}, {
			label: 'Dólar Hub',
			data: [{ x: '18/02/2020 08:00', y: 4.1200 }, { x: '18/02/2020 09:00', y: 4.1300 }, { x: '18/02/2020 10:00', y: 4.1400 }, { x: '18/02/2020 11:00', y: 4.1250 }],
			fill: false,
		}, {
			label: 'Taxa PTAX',
			data: [{ x: '18/02/2020 08:00', y: 4.1500 }, { x: '18/02/2020 09:00', y: 4.1700 }, { x: '18/02/2020 10:00', y: 4.1900 }, { x: '18/02/2020 11:00', y: 4.3250 }],
			fill: false,
		}],
		options: {
			legend: {
				onClick: function () { return }
			},
			tooltips: {
				enabled: false
			},
			scales:{
			
				
			}
			
		}
	}

Надеюсь вставить метку из диапазона дат datasets.data.x, я попробовал все, но у меня нет успеха в моих действиях: ///

спасибо, ребята.

1 Ответ

0 голосов
/ 20 февраля 2020

Я нашел, что это решение для моей проблемы: 

	scales: {
				xAxes: [{
					type: "time",
					time: {
						unit: 'day',
						unitStepSize: 1,
						displayFormats: {
							'day': 'DD MMM'
						}
					},
					ticks: {
						// maxRotation: 0 ,
						major: {
							enabled: true,
							fontStyle: 'bold',
							fontSize: 14,
							callback: function (value, index, values) {
								if (values[index] !== undefined) {
									if (values[index].major == true) {
										return moment(values[index].value).format('DD MMM');
									}
									else {
										return value;
									}
								}
							}
						},
					},



				}],
...