I'm having a hard time getting the data binding to work between Highcharts and Polymer 1.0. Especially with multiple series.
You could create a wrapper for the Highcharts Container with data binding derivatives. However there is a Highcharts Component already created that does this with realtime support: https://github.com/avdaredevil/highcharts-chart.
And a live demo at: http://avdaredevil.github.io/highcharts-chart/
Related
Using Vaadin's charts (which ultimately uses HighCharts), I'm trying to plot a line graph with over 10,000 points. It actually works reasonably quickly (a couple seconds to plot). However, I wonder if it can be much faster, as I came accross a similar problem when using JavaFx charts and discovered that people have implemented a solution using the "Ramer–Douglas–Peucker algorithm" to reduce the number of datapoints in such a manner that it's basically noticeable to the human eye when its graphed. (Here's the original answer from SO: Performance issue with JavaFX LineChart with 65000 data points).
So, does highcharts already have such built in functionality? If not, does Vaadin? Or, do I need to recreate this logic in Vaadin, which means I ultimately need to find a Java library for the Ramer–Douglas–Peucker algorithm....
Unfortunately, Highcharts doesn't have "Ramer–Douglas–Peucker algorithm" built-in. However, it has a boost module which allows rendering thousands of points in milliseconds.
The Boost module allows certain series types to be rendered by WebGL
instead of the default SVG. This allows hundreds of thousands of data
points to be rendered in milliseconds. In addition to the WebGL
rendering, it saves time by skipping the processing and inspection of
the data wherever possible.
API reference:
https://api.highcharts.com/highcharts/boost
Demo:
https://www.highcharts.com/demo/line-boost
What's more, using Highstock you can use dataGrouping.
Data grouping is the concept of sampling the data values into larger
blocks in order to ease readability and increase performance of the
JavaScript charts.
API reference:
https://api.highcharts.com/highstock/series.line.dataGrouping
Demo:
https://www.highcharts.com/stock/demo/data-grouping
With most of the chart types when you ise Vaadin charts it actually makes more sense to apply algorithm to reduce number of data points in your server side logic, e.g when copying data from original data dourse to DataSeries you use in the chart. This does not only reduce rendering time, but time to load the data to browser as well.
I would also recommend to calculate linear regression as additional two point DataSeries on server side if such thing is needed.
I am using Highcharts to make a lot of several different types of graphs. I want to break the the line when there is a data gap. I am using sensor generated data so adding null is not an option. Because the site uses several different graph types I want to stick with Highcharts for all the graphs, but am looking for the gapsize feature that is available in Highstock.
It there a way to get the gapsize or similar feature to work with Highchart NOT Highstock?
Thanks
As you seem to already know, inserting null will accomplish this. Why is it not an option? Even if you don't control the server returning the data, you can still manipulate it before passing it to Highcharts.
Another option is you could create another series in the chart, but this is more complex than inserting null. Either option requires the data to be manually manipulated.
If you still think inserting null is not an option, post some code and also detail how you will know where the break should happen.
How would one go about styling vector features based on a configuration file loaded by an application? Using functions for selecting features based on a property to be styled is problematic as one is required to create functions at run time. Any suggestions on how this can be achieved would be appreciated.
I'm new in iOS development and want to create an app with some charts. I decided to start development with swift because it seemed to be more easy to learn for me as Java developer. But meanwhile I think using objective-c would have been the better choice because AFAIK there is no chart library available that match my criteria:
usable with swift
has line and bar charts
ability to draw charts with date and time axis
free to use or low price < 100 USD
Common chart libraries like JBChartView, Core-Plot and iOSPlot do not fulfill my criteria so I'm thinking about either to use a JavaScript chart library in a WebView or switching completely to objective-c
Is it good practice to use a JavaScript chart API in a WebView? If so, may this make problems on different devices with different screen
sizes and orientations? What are common pitfalls with this approach?
Edit:
Core-Plot release-2.0 works well with Swift
You could use iOS-Charts
This is a great chart library written in swift and is on github:
There are some great tutorials going through the basics here.
iOS-Charts seems to fit your criteria
It is completely free
It is written specifically for Swift
It has 8 different graph types
You can use this powerful ios charts library https://github.com/danielgindi/Charts
or you can use this SVG library to create your own https://github.com/exyte/Macaw
If you are looking for commercial library (I haven't used this yet) https://www.shinobicontrols.com
This is a great telegram channel, where you can find different useful information about ios development and libraries https://t.me/iostalks
As noted in the comments on the linked Core Plot issue, you can use Core Plot in Swift as long as you use the code from the release-2.0 branch. The changes on that branch resolve the issues with NSDecimal that 1.x versions of Core Plot have.
Does HighStock has tree kind of charts available in free or license version?
We are using HighStock library to draw timeline charts, however could not find any examples of tree/graph type of visualization.
Something similar to 'yFiles for HTML'?
tree graph is not available, but you can vote for this suggestion in our uservoice http://highcharts.uservoice.com/forums/55896-general?query=tree Obviously you can try to use scatter chart with customised markers.
http://www.highcharts.com/demo/scatter