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
Related
I checked their website and apart from the gallery I couldn't find anything prosper.
For example, Google has Control Wrappers. What are the controls I can adhere to FusionCharts or would I have to go with third-party controls or build my own custom Control Wrappers?
Using FusionCharts, updating or changing the data passed to the chart will result in re-rendering of the chart, unlike with Google Charts' ControlWrapper. They serve different purposes, and there are some significant differences to consider.
Do take a look at http://www.fusioncharts.com/javascript-charting-comparison/ to understand the various options for charting.
Simply, FusionCharts is purely a charting outsource component they only provide the charts- rendered from 2 data formats- XML/JSON provided to it.
As of now, they don't provide any Web Controls.
I suggest you to create the same using Coding and Integrate the chart there.
Hope ths helps!
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 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.