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.
Related
I have a simple bar chart with amCharts 4 and my problem is, that the chart starts hiding labels too early. (there's still enough space to display them)
Does someone have an idea, how to fix that, in the official documentation I couldn't find anything useful.
Try
categoryAxis.renderer.minGridDistance = 1;
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.
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 have just started using NVD3 for drawing simple charts such as line/pie/bar and such.
I would like to add some mouse interactivity to these charts but cannot find specific documentation nor example code:
allow user to click a specific line point, pie slice, bar component
receive in my program notification of the click with details of the series and point/data row pertinent to the click.
E.g., if I drew sales versus years, I would like user to be able to drill down to sales of a particular year. The line graph onclick example I have seen here are way too coarse for such detailed interaction.
Is there a relevant page(s) that documents the mouse click specifications for these types of charts?
Is it even possible with NVD3?
Thanks.
here you can see the plunker example ,may be you can get some help .
this example is for the pie chart drill down using angularjs and Nvd3 charting lib.
http://plnkr.co/edit/UjOP0k5Jo3OvQ6A79Qv9?p=preview
I need to create a multibar chart using NVD3.js. All the example are showing bars belongs to the same Y1-Axis. I need to show bar1 for Y1-Axis and bar2 for Y2-axis.
Is it possible? How can I achieve it?
It's not possible with NVD3 as it's built for re-usability. You could try drawing multiple bar charts alongside each other or try using pure d3.
Have not done/tried stuff like this.
If you manage to find a solution, please do share your solution. It's interesting.
Update
Have you noticed how the charts in the NVD3 homepage work. All 4 charts change based on the selection of categories on the MultiBarChart legend. You could try something similar.