I am trying to figure out how to easily integrate any D3.js chart with the DC.js library so as to use the crossfilter feature between all charts.
I also do understand a question of this nature has been asked before, adding the link for reference:
DC.js - Listening for chart group render
I was unable to understand or follow the answer and the following comment threads where #Gordon even gave a small minimal example.
Can anyone help me out by putting out a sample code to better understand as to how I could do this? Let us say I would like to integrate a parallel coordinates D3.js chart with a basic DC.js Pie chart.
It would be really helpful to see a small basic example as to how to go about to achieve this. Thanks in advance.
Related
Consider the Kendo scatter chart HERE in the telerik demos. What I want is to visually separate the chart area with some background colors. As I know Kendo itself doesn't facilitate such configuration.
I'm tring to solve it within the Kendo. I guess it can be done through svg drawings. But I've never done it before. If it's really impossible is there any way to do it or is there any other scatter chart to fulfill this requirement.(saw somewhat similar thing in google charts)
I'm including the expected result as below.
I came up with this code . It does the exact thing what I want. This is the solution.
I want to plot a sunburst chart using the dc.js library. Here is a
link to an image of what I am trying to achieve.
If there a way to do this using the dc library? Can I do this by overlaying one dc pie chart over another? Is it possible to make the background of a chart transparent?
One thing you can do in order to answer such questions for yourself is to search the dc.js repository on github.
There is a pull request for this:
https://github.com/dc-js/dc.js/pull/907
It has not yet been merged because its tests fail and there are a couple of problems folks have mentioned in the comments. But my understanding is that it mostly works.
Please try it out (you can just copy the code into your local copy of dc.js if you don't want to mess with the git magic) and comment on the PR with any problems or requests. Thanks!
I have just started learning d3.js and dc.js.
I want to create bar chart in dc.js with labels, but when I refer the api, it says .label function is not supported for bar chart.
Any idea why label are not supported?
What should i do to show the label just below the top of the every bar?
Thanks in advance.
There's a feature request for this.
https://github.com/dc-js/dc.js/issues/211
While I think I disagree with the person who downvoted your question (without commenting!) it's hard to imagine how this wouldn't have shown up in a web search.
For now I think you'd have to use a renderlet. Although I think I saw someone doing it, that didn't show up in a web search.
I want to add zooming functionality using d3.js in a bar chart created using dimple.js. See following link for what I did so far. http://jsbin.com/rejof/2/edit
I want to combine both zooming functionality in dimple chart. Thanks in advance.
I don't think you can easily do this, you would probably need to modify the dimple source code as I believe zooming relies on a different dom structure to the one dimple uses. You might find it easier to recreate the chart you require in raw d3, rather than modifying a dimple chart to zoom. Of course I'd love to be proven wrong.
I use Google Image Charts (deprecated library) to put some graphs in a PDF that I create on my website. I don't know why, but for some reason this pie chart:
https://chart.googleapis.com/chart?cht=p&chs=500x250&chco=FFFF10,FF0000&chd=t:1560,2550,3750,4680,5140,5580,5510,4750,3530,2270,1410,1240&chl=January|February|March|April|May|June|July|August|September|October|November|December
Creates 12 identical looking sides in the chart. While this one:
https://chart.googleapis.com/chart?cht=p&chs=500x250&chco=FFFF10,FF0000&chd=t:12,3,4,5,6,7,8,5,3,2,6&chl=January|February|March|April|May|June|July|August|September|October|November|December
creates it properly. They are identical other than different data. Does anyone know the cause of this? Thanks a lot