I want to know whether this is possible using Google Charts API: First, create a bar chart with the given input data. And then overlay a line chart (or a line) on top of it.
My use case here, is to show a student's performance in a test when compared to the rest of the crowd which is already available as a bar chart.
EDIT: Dug and found out about markers. Will explore and may be answer my own question :)
This is covered pretty explicitly in the current documentation, see compound charts
Yes, markers are probably what you are looking for. In particular, you may wish to look at a newer feature called "financial markers". This (little advertised) feature was added recently.
Related
I'm currently using Google Charts to produce some graphs, and I've come up against this problem.
I want to have two labels on my hAxis, and I cannot see any obvious solution on the developers site.
The image included gives an example of the kind of result I'm looking for, any ideas?
I would like to use a javascript function link such as 'link:j-myJS-data' for drill down type charts. I have everything working great to drill down but cannot figure out how to incorporate the overlayButton through the configureLink when drilling down. At present, I can drill down but cannot go back. Can anyone provide a basic example of how I may go about this? Is it even possible?
I thought I could add my own "Back" button to hande this as one option. I do not want to use a jsonURL as there is a lot of data and many paramertes need to be passed resutling in a long links and a lot of extra data in the JSON.
Thanks in advance.
There are multiple options available to create a drill-down chart with FusionCharts XT. Here is a table which explains all of them, with each one's syntax.
The method that you've used is the JavaScript function link. Using this one, you won't get an overlay button to go back to the parent chart.
The overlay button is available only when a LinkedChart is created.
So there are 2 ways that you could go about:
You could change all your charts to use the LinkedCharts technique. Here is a blog post detailing how LinkedCharts can be created using PHP + MySQL. If you aren't using PHP, the general idea shown still applies to any server-side environment.
You could create a separate button sitting near the chart, and this button would re-create the parent chart for you.
The button (which we call "overlay-button") can be made automatically visible using LinkedCharts alone.
However the overlay-button can be internally invoked using the charts' private API. Since these APIs are private, it may change between implementations and may not work as desired under certain circumstances. I would not recommend you to use this. If you are still interested in knowing more on this API, put in a comment and I will update this post.
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 preferably javascript (but flash would do too) charting library which would be able to render time series as line chart and then allow to drag points in chart to change the underlying data.
I was said that Excel can do exactly the same thing, but I need it on web. No well-known charting library like Highcharts, amCharts, GoogleCharts or dygraphs cand apparently do that - I found some draggable graphs solutions like WireIt or http://radokirov.com/js-graph-editor/ but these are nodes and edges types of graphs not really-usable for chart drawing.
Do you know any ready for use solution to this problem? I don't care whether it's opensource or commercial.
Late response; I might help future visitors, though.
I'm looking for something similar. try: http://www.jqplot.com/deploy/dist/examples/customHighlighterCursorTrendline.html
Some other options (hopefully helpful to future visitors):
FusionCharts: https://www.fusioncharts.com/charts/visually-editable-charts/editable-line-chart
Chart.js (plugin): https://github.com/chrispahm/chartjs-plugin-dragData
EDIT:
I don't mean in terms of how to implement it. i mean i dont like how the date is displayed with the bars. what other type of chart would be more suitable. I know a threadhold line wouldnt work beacause the values of the capacity are different for each day. if they were all the same a threadhold line indicating capacity would work
I think a line graph would be an excellent way to show the data.
I made that using the chart wizard. Link: here. I used the data you provided above, so it should be accurate unless I mistyped.
On the chart wizard, you can import this chart using the link I gave you above if you want to clean it up, add axes, etc.
The best way is impossible to answer, depends on too many things specially since you didn't clarify almost anything in you question.
Anyway, Google's chart API would be ans "easy" way to do this.
Good luck, I you clarify further in your question, I'll try to be more specific and improve my answer!
It can do this quite easily:
See here.