Использование d3.js для изменения диаграммы c3.js

Я использую C3.js для создания диаграмм. Я создал простую диаграмму пончиков. Вот снимок экрана:

Когда я наводю курсор на разные кусочки пончика, они расширяются. Вот скриншот того, что происходит:

Мне было интересно, возможно ли, чтобы некоторые кусочки пончика расширялись таким образом DEFAULT, не нависая над ними.

Вот мойFIDDLE

Мне также предложили добавить следующий код, чтобы торчали кусочки пончика:

setTimeout( function() {
  d3.selectAll('.c3-arc-D, .c3-arc-B, .c3-arc-C').attr("transform", "scale(1.1)");       
}, 5);

Однако это делает диаграмму грязной, и круг больше не поддерживается. Вот скриншот:

Ответы на вопрос(1)

Ваш ответ на вопрос