Сложенная/вложенная/перекрывающаяся круговая диаграмма и диаграмма пончиков с javascript

Question

Я не уверен, что кто-нибудь столкнулся с этим сценарием или даже сделал решение, но в основном я могу создавать простые диаграммы Пирога и Пончика, используя графики флота. То, что я ищу, - это сценарий, где в центре находится круговая диаграмма, и она окружена диаграммой пончиков. Очень похоже на this question, но этот вопрос сейчас 3 года и на него никогда не отвечали.

Я попытался создать две диаграммы, используя тот же DIV, но затем просто переписывает другую. Я подумал о создании двух разных диаграмм на двух разных DIV и их перекрытии, но это просто не похоже на чистый подход, который также будет учитывать поведение в ответном режиме.

Любые мысли и предложения приветствуются.

Заранее спасибо

Answer 1

Ответ на этот вопрос не просто, как некоторые комментарии уже указали, но я нашел то, что приходит довольно близко - Highcharts. У них есть концентрированная диаграмма пончиков, которая дает ровно желаемый вид и ощущения - infact LinkedIn использует их для отображения статистики своей панели. Недостаток Highcharts является то, что она является платной библиотекой и ее не дешево, если вы планируете развернуть на коммерческой веб-приложениях

альтернативы является использование MorrisCharts - http://morrisjs.github.io/morris.js/donuts.html

У них действительно есть некоторая хороший пончик диаграмма, приходят довольно близко к потребности.