I am building a dashboard that needs a drill-down pie chart. Does DC.js support drilling down natively? I have implemented drill down in Highcharts quite easily in the past, but we need support for cross filtering and dimensions, so I would like to be able to use DC.js.
Thanks.
No, it does not. You really should be looking to use crossfilter.js and dc.js together. You will find this a lot quicker than implementing drill down in another charting library if you have more than just the one chart. If you’ve just the one chart, than it would make sense to use one of the many javascript charting libraries. I recommend AmCharts as it is easy to write custom listeners with their api.
Related
I tried using apex charts, but did not find proper doc for the react-apexcharts. I also tried react-google-charts, although it works fine, but it has unwanted spaces on sides which spoils the layout. I'm not sure about which module to use. Do you have a suggestion??
Author of ApexCharts here.
Thanks for reminding me to update the docs for the candlestick charts.
Here is the page that explains what should be the data-format.
Also, there is no major difference in options if you use react-apexcharts. The series prop should be given the required format as specified in the docs and rest will fall into places.
For those who are still asking which library to use for candlestick graphs.
Take a look Highcharts Highcharts candlestick graph
Good documentation and great features
I have some metrics to display, I need a simple barchart to show values for every day in month, and it doesn't need to have any labels or legend, when you hover the day, the data is displayed. I found this http://codepen.io/deegill/pen/macik which is something that I need but it cost 90$ smallest package. Does anyone have chart like this which I can use in my project?
A set of reusable charts using D3
http://nvd3.org/examples/line.html
If you want to make any chart I'd look at using D3. It's a pretty smart js framework that allows you to display data in a lot of different ways. Here is an example of it displaying a bar chart. And here is another example that uses time as the x value.
Google Charts API
https://google-developers.appspot.com/chart/interactive/docs/gallery/barchart
g.Raphael.js
http://g.raphaeljs.com/
Highcharts.js (Free for non-commercial use)
http://www.highcharts.com/
I've been using Flot for a few years now, and I have no complaints. Might take a little effort to get started, but we use it commercially, and it's great (and free).
I am evaluating to change the graphics I generated so far using highcharts.js to d3.js
just for fun and I want to learn how d3.js works.
I wonder if there is something similar to the url below (see if you click on a pie it gives you new data), something dynamic and ready to use (or not to implement from zero).
What I wanna achieve, more or less...
http://lully.snv.jussieu.fr/gbif/mapping/graphs/examples/pie-legend.htm
thanks in advance
Pere
If you want to replace Highcharts, I think the only good open-source alternative available at the moment is Bob Monteverde's Novus charts library: http://novus.github.com/nvd3/. NVD3 has a nice pie chart and also has good legends. Take a look at all the charts from this library and you will see what I mean. You can also find a good pie chart in Stephen Boak's tutorial: http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html. Another interesting option is to look for Frank Guerino's questions on the D3 js google group. I would use NVD3 if I were you. It might need some adjustments, but it seems to be the best option currently. Good luck!
Simple function to generate Pie Charts utilisiing d3.js. This function is part of the http://xhprof.io/ project. It is able to handle datasets of arbitrary size. It has several options that allow for customisation, such as the label margin, circle radius and visibility of the percentage data (refer to the source code).
The demo is available at https://dev.anuary.com/858b33b7-bd66-507b-a9f1-533e4de79ba3/. The source code is available at https://github.com/gajus/pie-chart.
I have a feature where we have to compare multiple series. I have implemented the same with Highcharts but when I looked at highstocks compare i was pretty much impressed by the way it is doing. Can we extend the same features in Highcharts.
You can use the tooltip formatter to create a tooltip with the format
series.name: series.values[x] for point x, and loop that over each series in the chart. That should create the effect you want.
Highstock is also an extension of highcharts, and you should be able to swap it in for your highcharts code without any compatibility issues if you're willing to pay extra to use it or are using it for non-commercial purposes.
I don't know if it's possible to extend, but you can do the same using tooltip formatter.
I am looking for some sort of a free JavaScript/JQuery graphing library that has a lot of scatter plot functionality. Ultimately, I want to link the plot up with a SharePoint list and drop it in a collaboration site; in such a way it will dynamically update.
My difficulty is that I want a scatter plot where I can change the x-axis and y-axis values to strings (i.e.; x-axis employee names, and y-axis proposal names).
I looked at a whole bunch of libraries (i.e.; flot, Dojox, most of the other options in this thread JavaScript Chart Library), but cannot find this funcitonality in free software (pretty sure Fusion Charts has it if you pay).
I also realize what I am creating (a scatterplot with fixed grid employee & proposal name values) is basically just a chart... however there's nothing--to my knowledge--that will allow me to make a dyanmically updating chart.
Can anyone offer any library tips, or advice? I am not experienced enough to know of any "work arounds" for this problem.
jqPlot can do it: jqPlot Home
Scatterplot Examples