Мне нужно было бы добавить простую точечную/вертикальную линию на мою bar
которая имеет динамическое значение X, и 0 для значения Y. Предварительный просмотр того, что мне нужно (красная точка):
Где зеленые значения являются динамическими.
Предварительный просмотр моего текущего состояния:
Где 3.30 должно быть координатой X точки - [3.30, 0].
Я использую диаграмму Vue для диаграмм, и я попытался создать смешанную scatter
с bar
и scatter
но для scatter
требуется type: 'linear'
xAxis
что не соответствует моей потребности в bar
.
Итак, я попытался с chartjs-plugin-annotation и его типом box
который принимает "координаты", но проблема здесь в том, что значение X
должно быть фиксированным значением на оси X (объект labels
). Если я добавлю ось X [3,0], она будет работать, но если есть десятичное число, например, [3,5, 0], оно не будет работать.
// data
options: {
responsive: true,
maintainAspectRatio: false,
legend: {
display: false
},
scales: {
yAxes: [{
ticks: {
min: 0,
max: 1,
stepSize: 0.1
}
}]
}
}
// computed
labels: [1, 2, 3, 4, 5, 6], // fixed value, there are always 6 bars
datasets: [
{
label: 'Values',
backgroundColor: '#f89098',
data: this.tableInputValues // array of decimal values
}
]
Итак, мой вопрос заключается в том, как поставить "простую" точку или вертикальную линию на гистограмму Chart.js, где точка имеет динамическое значение для оси X → [динамическое значение, 0].
К вашему сведению - это об ожидаемой стоимости