Как правильно настроить данные диаграммы диаграммы dc.js?

У меня есть эта скрипку, в котором я пытаюсь иметь dc.js пирог отображения диаграммы 5 «регионы» из моего набора данных: https://jsfiddle.net/eugene_goldberg/yv3nnred/6/ Вот набор данных:Как правильно настроить данные диаграммы диаграммы dc.js?

var data = [ 
     {date: "2015-03-25T12:10:00", resolver: "Group 1", escalation_pct: 20, bubble: 5, region: "Americas", x: 1}, 
     {date: "2015-03-25T12:15:00", resolver: "Group 2", escalation_pct: 10, bubble: 5, region: "AMEA", x: 1}, 
     {date: "2015-03-25T12:25:00", resolver: "Group 3", escalation_pct: 50, bubble: 10, region: "Nordics", x: 1}, 
     {date: "2015-03-25T12:40:00", resolver: "Group 4", escalation_pct: 30, bubble: 1, region: "Americas", x: 1}, 
     {date: "2015-03-25T12:35:00", resolver: "Group 5", escalation_pct: 5, bubble: 10, region: "Australia", x: 1}, 
     {date: "2015-03-25T12:45:00", resolver: "Group 6", escalation_pct: 13, bubble: 1, region: "UK&I", x: 1} 
    ];

По какой-то причине, в круговой диаграмме не отображаются имена областей. Он также имеет один из ломтиков ярко-оранжевого цвета, в то время как я не указываю никаких конкретных цветов. Что я могу сделать, чтобы исправить это?

источник

2016-03-06 Eugene Goldberg

Обновление - я получил круговую диаграмму, чтобы отобразить названия регионов, но по какой-то причине восстановление имени UK & I не отображается, но на его месте есть яркий оранжевый «Другой» фрагмент. Как я могу отображать область Великобритании и Я вместо «Другого»? –

У вас есть .slicesCap(4), что означает (я считаю), что он отобразит 4 ломтика плюс «другой» фрагмент. Если вы измените это на .slicesCap(5) или просто удалите его, он начнет показывать ваш UK & I ломтик.

источник

2016-03-06 22:30:06

Спасибо! Любая идея, почему UK & I slice - такой яркий цвет, как против всех остальных? –

Я предполагаю, что это всего лишь шкала по умолчанию. Вы можете использовать любой желаемый масштаб: https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#dc.colorMixin+colors –

Как правильно настроить данные диаграммы диаграммы dc.js?

ответ

Смежные вопросы