Chartist Donut Diagram — как добавить обводку для G-элемента?

Question

[Moe Green]

Создал такой такой набор диаграмм - codepen.io/gearmobile/pen/JbLGGK

Все хорошо, кроме одного момента - нужна обводка такая, как в оригинале - https://dl.dropboxusercontent.com/u/1093631/charti...

Как это сделать, ума не приложу. Подскажите?

Answer 1

[Moe Green]

вариант не идеальный, но как решение может сойти - Chartist.js Donut Chart Divided

Answer 2

[WQP]

Так? codepen.io/Glaswr/pen/WozxxE

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
	stroke: blue;
	stroke-width: 10px !important;
}

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: yellow;
	 stroke-width: 10px !important;
}

Comments

[Moe Green]

между желтой и синей частями должен быть пробел (

[Moe Green]

https://dl.dropboxusercontent.com/u/1093631/charti...