2016-03-06 84 views
0

我有这样的小提琴,其中我想从我的数据集有一个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} 
    ]; 

出于某种原因,饼图不能正确显示区域名称。 它也有一个明亮的橙片,而我没有指定任何特定的颜色。 我能做些什么来解决这个问题?

+0

更新 - 我得到了饼图来显示区域名称,但由于某种原因,名为UK&I的恢复并未显示,但其中存在明亮的橙色“其他”切片。我怎样才能使UK&I地区显示而不是“其他”? –

回答

2

您有.slicesCap(4),这意味着(我相信)它将显示4个切片加上“其他”切片。如果您将其更改为.slicesCap(5)或只是将其删除,它将开始显示您的英国&我切片。

+0

谢谢!任何想法,为什么英国和我切片是如此明亮的颜色,反对所有其他? –

+0

我的猜测是它只是默认的比例。你可以使用任何你想要的比例:https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#dc.colorMixin+colors –