Как установить маркер вверху и внизу полосы в гистограмме диапазона с помощьюchart.js ⇐ Jquery

[Anonymous]

Сейчас я работаю над проектом, в котором мне нужно создать гистограмму диапазона с помощью Chart.js. Я успешно создал гистограмму диапазона, но у меня возникли проблемы с реализацией пользовательских круговых маркеров вверху и внизу диаграммы.
Вот что я пробовал:< /p>

• Я попытался создать собственные маркеры с помощью элемента Chart.js Point, но столкнулся с ошибкой: «Chart.elements.Point не является конструктором ".
• Затем я расширил элемент Point, чтобы создать собственный элемент точки (

  Код: Выделить всё

  CustomPoint

  ) и использовал его для рисования маркеров. Однако маркеры не отображаются на диаграмме должным образом.

Вот упрощенная версия моего кода:

Код: Выделить всё

    const bottomMarker = myChart.elements.CustomPoint({
ctx: ctx,
x: myChart.chartArea.left + myChart.chartArea.width / 2,
y: myChart.chartArea.bottom,
options: {
borderColor: 'blue',
borderWidth: 2,
radius: 10,
backgroundColor: 'white'
}
});
bottomMarker.draw();`

Для лучшего понимания прилагается снимок экрана.



Подробнее здесь: https://stackoverflow.com/questions/781 ... ng-chart-j