How can I implement such a schedule? - highcharts

I am developing a graph in javascript and I need a similar graph
Specifically, I'm interested in the moment on the right where one graph transitions to the other transparent

Related

How to show real time traffic data for a particular route on Google map in ios

I have implemented direction API to find out a route from source to destination using Google Maps in IOS swift 3.0.
I want to display traffic direction route with traffic data as different colour in Polyline stroke Colour. But i unable to show the route with different colour as traffic data colour.
Here is my output.
And i want to show like this.
There is no straight forward API. However there are a couple options.
Render the Google Maps element in a WebView and use the Google JavaScript API to enable the traffic layer. The downside of this approach is that the UX likely wont be as nice as native programming. The upside is less coding.
http://code.google.com/apis/maps/documentation/javascript/
http://code.google.com/apis/maps/documentation/javascript/reference.html#TrafficLayer
Call another traffic provider's REST API and overlay on top of the native iOS map component.

google chart and jquery highchart

My UI screens currently use jQuery datatables. I need to add chart feature to some of the screens. I have worked on some samples that utilizes google chart APIs and some that are rendered using jQuery highchart. My first inclination is to use jQuery highchart since all my screens render data tables using jQuery datatables. Is there a technical reason, difference or performance orientation that I choose one over the other. I have been researching this but did not find a concrete reason to bias towards one of the options.
I've diligently used both, and the way it stands today, highcharts just has more to offer, and documentation is superb. You can make that decision yourself by looking at the charts gallery for Google Charts and Highcharts. I personally also think Google Charts has a steeper learning curve. They have two very distinct versions and just more clumsy getting it running. Lastly, Highcharts has animation by default.
You can use jQuery datatables for both though.

What kind of chart is suitable for work flow? and it should be free

I have a requirement in my product to create an widget to have workflow kind of process.
If you see attached image , I am looking for similar kind of chart.
As we have already fusion charts with us, is it possible to have similar stuff?
Since you already have FusionCharts, I would recommend using the Drag Node Chart. The chart is exactly of the type you need and the dragging functionality can be easily turned off!
http://www.fusioncharts.com/charts/drag-node-charts/
In fact, one of the examples look very close to the image in your question and as far as I can tell, the chart can be customised to look almost same -
http://www.fusioncharts.com/charts/drag-node-charts/
Only downside that I can think of is that you will have to manually calculate the position of your workflow nodes (the connectors will connect automatically.) However, the positions can be easily computed by writing simple function on the beforeDataUpdate event fired by the chart.
PS: Using the annotations feature, you can dynamically position texts labels, images, and other such items arounds your process diagram.

iOS: draw editable Graphs in iPad App, using html5

In my App I need to draw graph data with different datamodels that frequently change and can not be generalized. This graph data must be editable with a slider or a segmented control.
The idea is to load all necessary data to draw the graph from the server. Is html5 the right solution? Can the iPad-UI-Controlls used to manipulate the graph?
Where do I start and how much work is it?
Currently I'm using Core Plot to draw the graph - but I need to model my graph data on the server.
Option 1: If you are developing for Android as well or you are better at javascript, then you can use HTML5.0. Have a look at http://www.sencha.com/products/touch/charts/
Option 2: If you want to develop it natively for iPad(which I feel is a better option), then please look at google library for graph http://code.google.com/p/core-plot/ and Is there a good charting library for iPhone?
I extended the work of this gentleman:
http://buildmobile.com/creating-a-graph-with-quartz-2d/#fbid=EKAB22zV7It
And I'm quite pleased with the results. It took me about a week to get my graph able to draw a stock chart with scrolling, pinching zooming, 3 different symbol indicators, a secondary plot line, tap-able data points with a little custom popover showing details, and a few annotations. Not bad considering the overall complexity, and largely thanks to the detailed walkthrough.
He also talks about why he didn't use Core Plot.
Good luck,
Damien

Animated 2d Map Desktop Widget

I need to animate some vector icons smoothly moving about a 2d map. I have time-lat/lng pairs forming tracks. Down the road I would really like to be able to convey various GIS data like topography and roads on the map along with my smoothly animated icons.
Any suggestions on what to use? I find things like Quantum GIS but it seems geared to generating static maps. I've tried messing around with KML but I cannot find any way to make things move smoothly: marker icons clearly bounce along the waypoints even when I space them very closely.
EDIT: clarified I'm interested in a desktop widget
Animation options are limited in GIS as far as I am aware.
ESRI's ArcObjects could be used to create animations - see this chapter in the online help:
http://webhelp.esri.com/arcgisdesktop/9.3/index.cfm?TopicName=An_overview_of_animation
and these examples (however none have vectors moving around):
http://webhelp.esri.com/arcgisdesktop/9.3/index.cfm?TopicName=Sample_animation_videos
ESRI software is expensive to purchase, and users would also need the software if you wanted to provide more than an exported video.
You are probably best working with WPF (is this widget for Windows?), Silverlight, or Flash. ESRI have a Silverlight example here:
http://www.codeproject.com/KB/showcase/GIS_Silverlight.aspx
There is also the following collection of WPF classes for the OpenSource SharpMap:
http://wpfsharpmapcontrols.codeplex.com/
However it seems very much in beta at this stage.
Alternatively it may be easier to use GIS software solely to provide a background image, and do all the animation elsewhere.
I would say, try this animation code for Google Earth; however, try emailing the osgeo or qgis userlists and they'll guide you

Resources