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?
Related
I am sampling data twice a day and sending it via IFTTT to Google Sheets. All working well but ideally I would like the date format on the chart to be different to that in the sheet and I can't see an obvious way to do that other than to create another column in the sheet. See attached, is it possible to have the date without the time on the chart?
Thanks!
This is possible using Google Charts, or the Charts Service of Apps Script.
The documentation on Google Visualizations has many examples, its not straight forward at first, but with a couple of examples you'll get the hang of it and tailor your chart to your desired output.
In your case, the hint is to modify the horizontal axis format.
See this example to start with: https://developers.google.com/chart/interactive/docs/datesandtimes#formatting-axis,-gridline,-and-tick-labels
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
Im in need for good candlestick chart for my web app and chart at http://bitcoinwisdom.com/ is really what Im looking for. I like the way you can zoom and move with it. Is it possible to figure out what they are using or do you think they made it up on their own? If so with what tools? Another amazing charting can be found here https://www.tradingview.com/e/ these two sites have even better charting than some desktop apps and I wanna know how they did it.
In searching the bitcoinwisdom's forums I found a couple posts asking for the exact same thing. In fact, I stumbled upon your SO post here looking for the same thing.
According to those forum posts' responses they used d3js.org with the rest being custom code. Unfortunately for us as their implementation is very impressive! View source on the page and look for the JS files they are referencing. The code is obfuscated and minified so porting it will be very difficult.
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
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.