🙂 Можно попробовать Apex.js https://apexcharts.com/vue-chart-demos/radialbar-charts/ Придётся кастомизировать, но это возможно. По крайней мере нестандартные штуки я делал на apexcharts
Ну в моем примере не диаграмма а input type “range”
Там можно соединять input с charts - не вижу проблем. А чтобы циферблат не ездил, отрисовать svg и поместить в цент не как текст а как html. Рёбра вставить тоже можно, присмотритесь к одному из примеров по ссылке. На кончики radialbar сделать псевдоклассы after и before в контент классов запихать картинку или иконку.
Вещаешь событие, если больше такого-то числа цвет radialbar - меняется
Обсуждают сегодня