dc.js

dc.js responsive map and zoom function (mousewheel)

≯℡__Kan透↙ 提交于 2021-02-10 18:35:29
问题 I have forked the example dc.js (version 4) map file is this JsFiddle. What I want is for the map to be responsive to the Bootstrap container. So, if the screen size changes the map is displayed correctly. The SVG is responsive by setting the width and height to null and a CSS format to set the width and height to 100%. However I see that the underlying <g> (layer0) element is not responsive. Therefore I tried to add a scale element to the projection. But unfortunately I don't know how to

dc.js: stacked barchart cant display

一笑奈何 提交于 2021-02-10 13:12:23
问题 I'm making a stacked barchart using the Dimensional Charting javascript library dc.js, which is based on d3 and crossfilter. I am new in dc.js library. I am trying to display the stacked barchart using a csv file. I can't understand how to create a stacked barchart following the csv format. State_Name Age_19_Under Age_19_64 Age_65_84 AL 26.9 62.3 9.8 AL 23.5 60.3 14.5 NW 24.3 62.5 11.6 NW 24.6 63.3 10.9 BR 24.5 62.1 12.1 BR 24.7 63.2 10 GH 25.6 58.5 13.6 GH 24.1 61.6 12.7 KS 24.8 59.5 13.5 i

dc.js: stacked barchart cant display

和自甴很熟 提交于 2021-02-10 13:11:31
问题 I'm making a stacked barchart using the Dimensional Charting javascript library dc.js, which is based on d3 and crossfilter. I am new in dc.js library. I am trying to display the stacked barchart using a csv file. I can't understand how to create a stacked barchart following the csv format. State_Name Age_19_Under Age_19_64 Age_65_84 AL 26.9 62.3 9.8 AL 23.5 60.3 14.5 NW 24.3 62.5 11.6 NW 24.6 63.3 10.9 BR 24.5 62.1 12.1 BR 24.7 63.2 10 GH 25.6 58.5 13.6 GH 24.1 61.6 12.7 KS 24.8 59.5 13.5 i

Heatmap DC.js - how to filter multiple items manually

左心房为你撑大大i 提交于 2021-02-10 07:52:16
问题 I'm working on a heatmap chart using dc.js. During the page loads, i want to manually filter the heatmap. For example, if it filter using this heatmap.filter("30,0"); it works when the page loads. but when i try to filter multiple values using the .filter() function, it didnt work. I tried doing this just for testing. var test = []; test.push("30,0"); test.push("40,2"); heatmapChart.filter(test); Though it works if its only one item, but if i add another array item, the chart breaks. Is there

d3 based multiple sub groups of a bar chart

孤街浪徒 提交于 2021-02-10 06:10:24
问题 I am trying to produce a bar graph that has multiple hierarchical / groupings of factors using d3.js . An example from excel of what I am attempting to create, subgrouped by Variety and Irrigation treatment: I have searched for quite some time and have yet to see an example of something like the example graph above. The closet I found is this (as well as this, this, and this). but they all lack the one more level of grouping that I need. Is there a way to create multiple groupings in d3.js ,

Dc-sunburst, dc-Menuslect, dc-Non interactive graph

▼魔方 西西 提交于 2021-02-10 05:51:50
问题 I'm new on dc.js and I have some questions about flexibility of dc. First, I have looked for answers but haven't yet found any of them. 1) I'm using dc.sunburst chart. I was wondering if it was possible to create Zoomable sunburst as it is actually the case with d3.js. If yes, can you provide a piece of code please..? 2) I'm using crossfilter for interacting several graphs together. However I would like that one of them would not be possible to filter with. I mean that it updates with his

Dc-sunburst, dc-Menuslect, dc-Non interactive graph

倖福魔咒の 提交于 2021-02-10 05:51:22
问题 I'm new on dc.js and I have some questions about flexibility of dc. First, I have looked for answers but haven't yet found any of them. 1) I'm using dc.sunburst chart. I was wondering if it was possible to create Zoomable sunburst as it is actually the case with d3.js. If yes, can you provide a piece of code please..? 2) I'm using crossfilter for interacting several graphs together. However I would like that one of them would not be possible to filter with. I mean that it updates with his

dc.js Flatten Data vs Array of Objects and filtering

喜你入骨 提交于 2021-02-08 11:17:17
问题 I would like to understand if the following is possible. If have two jsFiddle examples with the same dataset. One contains an array of objects while the other is flatten. I have also added some records that are not fully scoped. Can the filter on the scatter plot work correctly for the Array of Objects dataset? Data - Flatten : jsFiddle Example var data = [ {"_uid": 1, "business": 'Resort', "state": {name: 'Virginia', startups: 15}}, {"_uid": 1, "business": 'Resort', "state": {name: 'Maryland

dc.js Flatten Data vs Array of Objects and filtering

|▌冷眼眸甩不掉的悲伤 提交于 2021-02-08 11:17:10
问题 I would like to understand if the following is possible. If have two jsFiddle examples with the same dataset. One contains an array of objects while the other is flatten. I have also added some records that are not fully scoped. Can the filter on the scatter plot work correctly for the Array of Objects dataset? Data - Flatten : jsFiddle Example var data = [ {"_uid": 1, "business": 'Resort', "state": {name: 'Virginia', startups: 15}}, {"_uid": 1, "business": 'Resort', "state": {name: 'Maryland

responsive dc.js chart is taking over the whole window

限于喜欢 提交于 2021-02-08 06:14:44
问题 I'm having trouble making my chart responsive, I'm trying to apply the same example with DC.js and Crossfilter that is at this link: resizing-series. The chart is responsive, however, there are some bugs when interacting with the tables I have. For example, when I click on either the graph or any of the tables, the graph becomes very large, occupying the entire screen. As shown in the image below: When I leave the screen split with Console , the graph is rendered responsively, as I change the