При рисовании графиков на фронтенде обычно используется два подхода - canvas и svg

Библиотеки для первого (chart.js, uplot) предлагают больший функционал и детализацию, библиотеки для второго (frappe-charts, chartist) - намного меньший размер пакета и заметно лучшую производительность в браузере.

Если нужны несложные диаграммы, можно использовать SVG

Специальная обертка для Vue не обязательна - все можно сделать в onMounted() через useTemplateRef().

#charts #svg

Недавно понадобилось сделать график. Вроде простой, но перебрал несколько библиотек и не нашел подходящей - чтобы маркеры горизонтальные были, тултип, расположение по оси Х как надо, растягиваемый и т.п.

В итоге решил сделать сам используя третий подход - на HTML и CSS.

Времени на создание рабочего варианта (первая картинка) ушло меньше, чем на поиски и пробы готовых графических библиотек (четырёх).

К сведению любителей не изобретать эти чертовы велосипеды.

Ну и дальше можно закастомизировать по красоте как нужно именно тебе.

#charts