AngularJS google Chart : ChartRangeFilter - javascript

I am using AngularJS Google Chart to display a line chart.
I was reading about ChartRangeFilter and need to use it in my graph. Is it possible to integrate the range filter from within AngularJs Google Chart? or it doesn't have this feature supported yet?
I couldn't find any tutorial/documentations about this topic, so any help is appreciated!

Apparently, it's not supported yet: there's a feature request and a few discussion about it.
Furthermore, it appears that it has an attempt to support it, but it still needs revision, and probably some work.
I think it would be a great opportunity for anyone interested on it to test and contribute.

Related

Explanation of Techan.js chart.accessor() function

I am currently working on a project that uses the Techan.js library for producing financially-oriented charts (based on D3.js).
As of reading through the example shown here for creating a candlestick chart, I've managed to replicate most of the steps in my own code, but after extensive searching I still did not find an explanation for how candlestick.accessor() works. Is it a get method? A set method? I simply do not understand its purpose and how to work with it.
The developer also seems to use this in his draw function:
y.domain(techan.scale.plot.ohlc(data, candlestick.accessor()).domain());
From this, I can deduce that he's assigning something to the chart's y domain, but what is that? What does techan.scale.plot.ohlc(data, candlestick.accessor()).domain()) do? Does it create a whole new OHLC plot that it then accesses using the same accessor used before?
The API reference hardly contains any information explaining the accessor() method, and I can't figure out how it interacts with the chart, or a chart.
If someone has any experience with Techan.js, I'd like to ask for an explanation of the .accessor() method. Thank you very much.

Javascript chart component that can handle annotated news headlines

I am looking for a Javascript chart component that can embed news headlines directly on the chart, similar to what is available with Google Finance
I know that this is possible in Flash with e.g. Google Chart Tools (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) or amCharts (http://amcharts.com/stock/events/), but I'd prefer to avoid using Flash, because of use with iPad and iPhone.
I have also been looking at Flot (http://code.google.com/p/flot/) and Humble (http://www.humblesoftware.com/finance/index), but since these are made using the canvas element, I don't think they work well enough in IE. I know they both use excanvas to make it possible to use them in IE, but they just don't perform well enough. I have been testing them in IE 6-9 on several computers and the results simply aren't good enough for me to confident in using them.
I have been quite impressed with Highcharts (http://www.highcharts.com/demo/?example=line-time-series&theme=default) and Raphael (http://g.raphaeljs.com/), but neither of those have implemented annotated news headlines by default, so it would require a lot of work to get it done. Do you have any other suggestions on how to do this without flash and without using canvas?
Also I would be happy to see demos, if anyone has implemented a similar solution.
Thank you for your time.
One of the examples for Raphael (the original graphics library, not the graphs extension linked to in the question) looks like it may be close to what you are looking for: http://raphaeljs.com/analytics.html
It's an old question, but if somebody still finds it - you can have this with JavaScript version of amCharts: http://www.amcharts.com/stock-chart/stock-events/
Disclaimer: I am the author of amCharts.

JavaScript charts with highlighting and drilldown features

I'm looking for a JavaScript plugin which would help me to create charts. I would need stacked bar, bar, pie and line charts with drilldown and highlighting features.
Everything I found with these features are just flash and I would prefer using JavaScript.
Does someone have an idea or a suggestion?
Thank you by advance
-Yoann
You may want to look into the google charts api. It's not javascript per se, but it might be exactly what you need.
I have personally used the flot jQuery charting library and can recommend it. Very easy to use. You'll recognize flot from the reputation chart in your profile.
I've also used varioius pieces of Dojo's dojox charting stuff. These take a bit more effort to get going (especially if you're not already familar with dojo) but offer more options/flexibility.
You've probably seen amCharts when you found Flash charts with these features. Now there's amCharts JavaScript library with matching functionality.

Good Ajax Chart/Graphic Library

I know there has been several discussions on JavaScript chart/graphics libraries, and there is many out there. What I need is one that can:
Zooming and panning
Data point manipulation (like when click on a data point, highlight other data points within the data series with the same certain parameter of the clicked one)
Dynamically change data point values (e.g.: dragging a data point dynamically updating the line shape)
Error bar support, horizontally and vertically
Select data points on the chart
Seems like Flot may have most of the features, if not all(not sure about 3, and 4), but would like to see if I don't miss out on there nice libraries.
Check out the awesome Visualization API on Google's AJAX APIs Playground
Take a look at http://raphaeljs.com/ library.
It has a plugin called gRaphaƫl which is charting plugin.
Look good but personally didn't use it.
Good luck and share you expirience if you try it.
The Dojo Charting Engine has a pretty astonishing featureset. Sadly dojo seems to suffer from a general lack of evangelism.
I dont know if there are good introductory tuts, maybe the best way is to learn from examples.

What are the best Javascript/Flash frameworks to render graphs or charts from data?

Ideally I'd like to do as little preparation data work on the server as possible. The less I have to do to prep the data from the database to make a given chart, the happier I am and the more view I can make in the time.
Some of the things I'd like to chart are, for example:
The distribution of a series of response times
The number of occurrences per category (basic bar chart)
I'm sure there are others I haven't thought of yet.
Anything that helps me get from a series such as:
[1, 2, 2, 2, 3, 4, 5, 5, 3, 1] or more likely something like [1.2, 3.2, 3.1, 1.1, 4.3, 3.4] where it isn't just a case of counting the frequency of the item
to an actual distribution would be great.
Thanks.
EDIT: To clarify I guess I'm asking for more than just charting APIs, a search on Yahoo or Stack Overflow already finds answers to that. I'm looking for something that can help me turn data into visualizations with the least effort. So with the series above, something that could map it directly into some standard distributions such as a Gaussian distribution.
I like Google Charts API. It is brain-dead simple to use. You generate your data in the URL for an image, and the Google server spits back the GIF with the chart in it. You don't need JavaScript or Flash.
I use JS Charts, which is a Javascript based one, looked simple and easy enough for me to use. They even have support for xml data in addition to js. It is free and they have got some examples.
Works on IE and Chrome fine, so ideally should work on Firefox. as well.
On the Flash side, there is Open Flash Chart , they have got some helper classes for major languages.
Edit: based on the additional information in question i guess Google Visualization API (http://code.google.com/apis/visualization/) might work out for you.
jQuery Sparklines
I've used flot (http://code.google.com/p/flot/) with some good results. It's pure javascript, doesn't require flash. It uses an html canvas to draw the charts from javascripts. Works on msie with a plugin. Some examples: http://people.iola.dk/olau/flot/examples/
Take a look at amCharts. It's a Flash based library. You can pass data to it in XML or CSV format (or in case you use ASP.NET there's a control wrapper which supports data-binding).
Try the Google visualization API.
http://code.google.com/apis/visualization/
On http://www.drasticdata.nl there are some interesting flash based graph and treemap utilities.
The hierarchical bar chart or the dynamic treemap might be of interest for your task.
I've used flotr(http://code.google.com/p/flotr/) before, which is heavily inspired by the above mentioned flot, but instead of jquery it uses prototype. It works the same way as flot as in it is pure javascript.
I haven't used it extensively yet, but after some initial fiddling around i was quite impressed with Open Flash Chart (which i just noticed was already mentioned by Dinesh above)
My reports done with Fusion Charts always seem to impress. Fairly easy to work with and lots of charting options. Flash is the technology, so no real platform troubles for web display.
JS Charts does not support area charts

Categories