I am chewing through a specification for an iPhone Web App (NOT native). The request implies a lot of general charting functionality, mostly line chart and bar charts. On the implementation side of things, it means a lot of re-formatting of existing web content using an iPhone Web App framework (most likely JQTouch).
Given the capabilities of the device browser, is there a specific charting library you'd recommend, which runs acceptably on the mobile Safari with reasonable overhead?
We are interested in the following charting functionality:
Line and bar series
Legend display on chart area or outside
Dynamic series support (e.g. show/hide series)
Dynamic series creation in JS
I have looked at Flot so far.
The free and excellent Google Chart Tools lets you create both static image charts and interactive (javascript) charts.
They look quite nice:
There are several jQuery based plugins for that (including Flot):
http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/
And the Filament Group has a nice one as well:
http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/
I've used the latter though we eventually scrapped it when we realized we only needed bar graphs and it was easier to just roll-our-own simple implementation using a bit of jQuery animation and some divs.
Related
Hi I'm searching for a good chart plugin for my web-application, which can solve some of my requirements. To date, I've tested follow chart plugins:
Kendo UI
FusionCharts
HighCharts
Angular Charts
The plugin highcharts solves all of my requirements, but it's really expensive. The others don't solve all of my requirements, so I have to search another one. The solution of a hand-made chart needs a lot of time and that means for our company, it's also expensive. Now I've found the framework DevExpress. Before I invest a lot of time to test it, I would like to inform myself, if it's possible to make charts with DevExpress with this requirements:
Any number of y-axes with various values
Events (detect if clicked for example)
Costume style with css (I think I saw it on their website)
Integrate it as HTML in custome code
Supports JSON
Mixed line-style (for example, a part of a line in the chart is solid, another is dotted, but it's the same line)
Responsive Design
My results with highcharts:
Any number of y-axes with various value types:
Mixed linetypes in same line (blue line):
Special chart constalations:
This special requirements are for the healthcare, because they have some weird and special charts they need for checking medical results. So it's simply complicate, to find a good plugin. If there is someone who has a knowledge with DevExpress and charts and can answer me I would be thankfull.
Cheers.
Any number of y-axes with various values
DevExtreme has Multiple Axes Demo
Events (detect if clicked for example)
DevExtreme Charts have handlers for events. Here is a demo illustrates onPointClick
Costume style with css (I think I saw it on their website)
See it in Appearance Customization Article & Customize Points and Labels demo
Supports JSON
Remote Data Source Using an Ajax Query Demo
Responsive Design
DevExtreme Charts looks good on phones, tablets and desktops (Mobile & Web)
You can see more in Widgets Gallery Demo & Documentation
I have a specific requirement for my GWT charting library. I need a library that supports a variety of graphs (bar, line, pie) and should have the ability to handle events from inside a chart (like clicking on a bar inside the bar graph - this would allow me to show extra information as a popup when its clicked).
I know that conventional wisdom states that its not possible without using Flash/Flex or a third-party embedded component but I am assuming that there would be a HTML5 charting library that would allow me to do it. I have tried to search but unsuccessfully. Any help would be appreciated. Thanks
I am not a fan of FusionCharts. They have fancy charts but missed the market trend towards HTML5 and allowed Highchart to pick up charting market.
A good way to analyze is to pick up Fusion Charts competition as starting point and then list out your parameters.The below link is heavy duty marketing. Use it only to know what Fusion Chart' competitors are.
http://www.fusioncharts.com/success-stories/competition-and-us/
The rest of the content on the above link is more of marketing bs.
Google Charts support all that, AFAIK.
Or is that answer too obvious ?
And there is a GWT wrapper available.
I want to create a simple graph which will get the values and shows the graph like below image shown
I have also create other graphs using pie chart class but how to make this simple graph to show two line with like this
You can create a bar (or column) chart for iPhone using SciChart.
There is an example showing Objective-C and Swift code] to generate a column chart here: https://www.scichart.com/example/ios-column-chart-demo/
There's a quick tutorial on how to add series to an iOS/iPhone/iPad chart here, as well as source code for the tutorial on github.
Disclosure: I am the tech lead of the SciChart project
A commonly used Cocoa "native" charting library is Core Plot.. Whilst I've yet to personally use it, it seems to be quite popular and is under active development.
or
You can check out the PowerPlot library. It is a powerful choice for native charts on iOS, here are a two sample bar graphs:
The Images Like
Using PowerPlot, the code needed to generate these two graphs is available here (upper chart) and here (lower chart).
Possible duplicate of Bar Graphs in iOS app this thread.
On the provided link there are a lot of frameworks which you can use. For drawing simple graphs there are simpler frameworks than CorePlot.
You can check this Quartz-2d Tutorial.
I'm looking for a stand-alone Pie Chart which I can use in a GWT application. The Chart should be interactive, so that I can react on user input (read mouse clicks on the chart).
I've already looked at Google Chart Tools with GWT Visualization. This is exactly what I want. A simple to use PieChart class with user interaction and a simple and comprehensive data input. Except that the data is transfered to Google for the rendering part. The data should not leave the client or our server.
Have you tried Fusion Charts? Here's the Pie Chart showcase. Its a Flash object hence you will need to use JSNI to embed the object into your widget or use a library like GWT2SWF to do it for you.
I have used Fusion Charts + GWT2SWF combination in one of my products, and would recommend it to anyone looking for a interactive flash charting tool (outside of google's toolset)
A colleague of mine found following library: GChart. Rather then using Flash we'll try to draw our own. Not sure how easy this will be.
You mentioned:
"The Data should not leave the server"
With Google visualization APIs (as opposed to the chart apis) the data remains on your server, only the code is downloaded from google.
However, if you meant that you shouldnt need access to google at all, then GCharts is the only remaining and a pretty good option.
Check out GWT-RCharts hosted on http://code.google.com/p/gwt-rcharts/ . It is stand alone i.e doesn't have external dependency like Visualization. The API works on SVG/VML specification so no plugin dependency. You may find it quite easy to install, implement and use. You can find the demo at http://gwt-rcharts.appspot.com/
I have some data that is displayed in a bar chart, using Google's Visualization API. Was simple enough until designers redesigned it... Now it appears to be something that is beyond what Google can help me with.
Given the attached mockup (and note the finer details like reflection and gradients!)- how would you go about building it? Using some existing graphing libraries? Homebrew from the ground up?
Thanks for any advice.
If you need to adhere to the custom design requirements as depicted in the image above, I would build a charting application using a more generalized graphics library such as Rapheal.
While it doesn't provide a simple API for plugging data into a chart, it does provide the ability to build a chart with the following:
a variety of shapes (i.e. the bars)
gradients
embedded images (i.e. the background)
You can change the visual effect using CSS.
Ofcourse you can use chuckx recommendation of Rapheal which is a SVG based Javascript Library. It can accept JSON values so say if you have JSON from Google API you could feed in directly.
Option 2 : HTML Canvas. There are lot of HTML 5 canvas libraries like Kinect, fabric.js powerful javascript canvas libraries