我正在创建一个堆积条形图(replicating like this),其中CSV数据有3列 . 我很难从上面提到的dc.js示例中复制 .
请参阅代码here
这是CSV中的数据:
var data = [ {"Name":"Dani","Subject":"Maths","Score":60}, {"Name":"Dani","Subject":"Science","Score":80}, {"Name":"Dani","Subject":"History","Score":70},
{"Name":"Kelly","Subject":"Maths","Score":90}, {"Name":"Kelly","Subject":"Science","Score":100}, {"Name":"Kelly","Subject":"History","Score":55},
{"Name":"Sara","Subject":"Maths","Score":100}, {"Name":"Sara","Subject":"Science","Score":65}, {"Name":"Sara","Subject":"History","Score":60},
{"Name":"James","Subject":"Maths","Score":70}, {"Name":"James","Subject":"Science","Score":80}, {"Name":"James","Subject":"History","Score":90},
{"Name":"Mike","Subject":"Maths","Score":90}, {"Name":"Mike","Subject":"Science","Score":75}, {"Name":"Mike","Subject":"History","Score":80} ]
1 回答
我在你的代码中发现了一些错误 . 工作解决方案位于隐藏片段下方和此pen中 .
首先,您应该以这种方式定义
YDimension
:在这里,您可以计算出适合主题的人数 .
重写
sel_stack
功能:像这样在循环中调用
chart.stack
函数: