I need to draw a chart as seen in attached image using highcharts or any js library but i am not getting any lead. Anyone any thoughts?
This is an older question but I just ran across it while looking for how to display a similar chart: one that shows median and standard deviation around the median, but also can show the outlier low and high values. Highcharts actually has a very good solution for this called a boxplot that I eventually stumbled across. I mention it here in case it can help someone else. Worked well for me and I think would have worked well for the OP (with some modification).
Here is the highcharts demo page:
https://www.highcharts.com/demo/box-plot
Related
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.
I am working on getting multiple line charts displaying on the same graph. The problem is, when there are missing data points, the graph doesn't fill in gaps. Is there a way for it to automatically do this?
The first and second images show the same graph, only a slightly different frame for the x-axis. Has anyone else run into this same problem? I believe the problem stems from lacking enough data points. The graph displays accurately when zoomed out, but runs into this problem when I zoom between two known data points where no data point is present. The solution I'm currently exploring is to interpret the slope between points and fabricate data points for the missing x-axis points. This process is quite extensive and seems a little impractical. Does anyone have a better solution for this?
These lines fill based on having adequate data. The standard for these charts is to be undefined where there is no Y value present. If you were to fill in more data, your graph would maintain its continuity.
I have been looking all around the net for open source graph plot framework for iOS, but I am struggling with it as of now. I have worked on an app and used PowerPlot Graph Plot framework http://powerplot.nua-schroers.de/examples/webtraffic.html
I am trying to draw a bar graph chart showing two years at once without stacking each, like in the image below: As you can see there is a problem of resizeing and the scaling isnt uniform. I would like to make the chart look bigger and the y axis be more formatted.
Any suggestions because I always hear about core plot also by which you can achieve such(see below), but all i hear about coreplot is flexibility and customization issues.
You can easily produce a bar plot like that with Core Plot. Give it a try and ask specific questions here on StackOverflow if you get stuck.
I've recently upgraded to the latest version of Highcharts v3.0.2 and now one of my existing charts is rendering in a strange manner. See 'Sector Chart' at this link
http://bit.ly/10hU8TW
The circles seem narrow and out of alignment. Can anybody point me in the right direction to solve this?
Many thanks
Please take look at v3 configuration of http://www.highcharts.com/demo/pie-donut
I'm coding iOS app that will explain complex numbers to the user. Complex numbers can be displayed in Cartesian coordinates and that's what I want to do; print one or more vectors on the screen.
I am looking for the easiest way to print 3 vectors into a coordinate system that will adjust itself to the vector-size (if x-coord is > y-coord adjust both axis to x-coord and vice versa).
I tried using Core Plot, which I think is way too multifunctional for my purpose.
Right now I am working with PowerPlot and my coordinate system looks okay already, but I still encounter some problems (x- and y-axis are set to the x and y values which results in a 45 degree angled line, no matter the user input).
The functionality of the examples in CorePlot and PowerPlot don't seem to meet my needs.
My last two approaches were using HTML and a web view, and doing it all myself with Quartz (not the simple way...)
Do you have any advice how to do this the simple way, as it is a simple problem, I guess?
If you're not wanting to do much actual graphing and plotting, then using Core Plot or similar sounds like overkill to me. The extra bloat of adding coreplot to your project, not to mention the time taken for you to understand how to use it, might not be worth it for some simple graphics.
Quartz is well equipped for the job of showing a few vectors on the screen, assuming you're not interested in fancy 3D graphics. There are plenty of tutorials and examples of using Core Graphics (AKA Quartz) to draw lines etc. If you're going the Quartz route, perhaps get some simple line drawing going in Quartz, then ask more questions if you need help with the maths aspect of it.
The typical technique used when rendering with Quartz is to override drawRect in a subclass of UIView and place calls to Core Graphics drawing functions in there.
A decent question and example of Quartz line drawing is here:
How do I draw a line on the iPhone?
If you aren't adverse to using Google Chart Image you can load reasonably complex data sets in a simple manner by calling the appropriate URL and then putting the image in a UIImageView. It takes very little code: here is a blog post explanation with sample code.
The limitations are
length of the data set is restricted by the max URL length you can request from Google (2048 characters, with encoding is large), though I've plotted with 120 data points in 4 series.
a net connection is required (at least to get the initial chart)
and perhaps the biggest problem, API is deprecated and will be discontinued in 2015 at some point. You would then have to switch to the UIWebView/Javascript Google Chart API implementation...
Sample image: