I'm thinking of using the google charts api, in particular column charts and scatter plots. I want to know that can these charts be updated constantly by data it receives from the server via a websocket.
My understanding is that this data will first be added to a data table and then plotted onto a chart. So if data is being updated in the table will this update the chart in 'real time'.
Another question is I'll also have an instance when the columns cannot be defined straight away but again will be updated by the received data; again can google charts handle this.
Thanks
I do not know about google charts, but recently I discovered Smoothie Charts. It can do real-time(smooth). The only problem is that I does only work in Chrome, Firefox according to this Introducing Smoothie Charts post.
Or maybe highCharts. A real-time example at jsfiddle.
if you have
var data = new google.visualization.DataTable();
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
you can do
data.addRows([2015,10])
chart.draw(data);
and it updates the chart
I made a button that adds data in this JSfiddle:
https://jsfiddle.net/kdn2ojxb/3/
Related
Looking at google chart example where a pie chart is displayed based on the results of a filtered google chart table. Essentially, I want the pie chart to be redrawn every time a filter is changed.
The reason is because there doesn't seem to be a way to sum or count the original datatable based on the filter. However, I do know this is possible by taking the filtered google table data.
If someone could point me to a good example, it would be much appreciated.
Thanks,
I copied and past a D3.js based Pie Chart example code from oreilly eBook. I modified it so that I can put data in run time. Its working absolutely fine.
But now I am facing a problem as I want to save this code with my own data in my database. But i am not getting it to how to do this. I search it over the internet but i did not get any thing.
If you have any suggestion then it would be help for me.
This is a link of oreilly book pie chart code.
http://jsbin.com/acatof/3/edit?html,output
I am using scatter and bar chart for same data with pagination logic. While we loading the second page, previous scatter chart data are not clearing.
For example we have 6 records and showing 4 record per page, first 4 records are displayed properly as shown below
In the second page the 2 records are displayed but previous scatter chart data are not clearing properly as shown below.The issue is i am getting 2 column chart data and four scatter chart data. How can i clear the previous scatter chart data before rendering new page.
Or else please advice, is there any way to add circle indicator to a bar chart like the images show above.
This is a bug that has been fixed recently; the fix should appear in the nightly builds soon. I would also recommend asking questions like that in Sencha forums, there is a greater chance of them being answered there.
I am using HighChart library for creating charts in my web application in ASP .Net.
First i use this Candlestick chart for showing the company's stock on chart.
Now i want to create chart for forecast data (RSI CFM Typical Price Moving Average) values on chart.
I see the following picture somewhere but i don't have its example or demo.
Is there any working example for that?
It looks like scenario where indicator are calculated as additonal series. Check the plugins registry, where some of them are implemented.
http://highcharts.com/plugin-registry
I am trying to plot data collected live from bee hives. We plan to collect data every 5 minutes, so in a year there will be on the order of 100,000 data points. I want to set up a chart to plot the data, and have new data enter the chart everytime the database changes (using Meteor).
I have a simple mockup at datacomb.meteor.com These charts were made using dc.js, a d3 wrapper.
Is there a way to use the topojson.simplify (http://bost.ocks.org/mike/simplify/) functionality to pre-process the lines and reduce the number of points rendered? Has a more general simplification method been integrated into d3?
Have you looked at Simplify.js? It does exactly this.