Я пытаюсь создать диаграмму пончика в c3.js, и когда дуга 100% от пончика, она выглядит как для каждой дуги, но в последней категории, тонкая белая линия показана на вершине пончика. В последней категории эта строка отсутствует, и мы пытаемся ее отобразить, чтобы графики выглядели последовательными. Я уже немного поиграл с стилем удара для класса .c3-chart-arc
, но не имел никакой удачи. Есть ли способ сделать этот тонкий разделитель линий появлением на последней категории диаграммы пончиков?c3.js Диаграмма пончика: Сделать линию разделителя видимой на 100% дуге?
0
A
ответ
0
С помощью всего лишь одного значения пончик на самом деле представляет собой пончик - два круга - с заполненной областью, поэтому нет возможности повлиять на свойства рисования пончика, чтобы получить необходимый эффект.
Hacky ответ, хотя (используя внутреннее свойство С3) является то, что после создания такой диаграммы, можно нарисовать линию от около центра диаграммы прямо вверх, как так, чтобы имитировать эффект:
d3.select(".c3-chart-arcs").append("line")
.attr ({x1: 0, y1: -20, x1: 0, y1: -chart.internal.currentHeight/2})
.style ("stroke", "white")
;