Как отрисовать многострочный текст svg?
В SVG можно вставить foreignObject – в частности, html, где перенос строк решается просто.
Если вы новичок в SVG, для скорейшего получения результата лучше воспользоваться библиотекой, например, D3js. Вот пример, как вставлять в SVG кусок HTML контента в D3js. И другой подход – пример автоматической генерации SVG-элементов под каждую строку текста.
В вашем случае, как я понял, график не динамический, раз нарисовали и забыли. В таком случае можно поручить отрисовать его в векторе вашему дизайнеру, и вывести статичный SVG код. Вы с ним легко разберётесь и навесите логику при наведении. Например, Adobe Illustrator умеет экспортировать графику в SVG.
Кроме того, раз лейблы статичные, можно просто отрисовать по одному элементу <text> на каждую из строк.
Посмотрите в сторону d3 например. https://d3js.org/