As being in this exact situation (as the dev) I can confirm that.

I've been looking for an example of a bar chart that's backed by a dynamic data set. Interesting use-cases would be application of filters (i.e., click a check box that activates a filter and see the changes in the chart), data that changes because of information being streamed to the app from a network connection (or by some long running background process). So far I've been observing selection models in a list of filters and re-building the series in response, but it seems like there should be a less forceful way to do it (like the very elegant approach to list updating demonstrated in Edvin's TodoMVC. Anyone have any pointers to anything like that?

d3js?

I mean just using JavaFX charts

I've been pretty disappointed by the graphing libraries in Java/Kotlin compared to what is available with Python on R

me too -- but in this case the charting is very basic and he JavaFX charts are good enough (if I can crack this dynamic data situation).

I will need that too, let me give a try to JavaFX charts

I cannot get a JavaFX barchart to display the items in the order they are in the val graphpeaks = observableList<XYChart.Data<String, Number>>()

I'm using the data items from a table view

peakstable.items.onChange { graphpeaks.clear() runLater { peakstable.items.forEach { it -> println(it.area) graphpeaks.add(XYChart.Data(it.column_id ?: "Invalid", it.area ?: 0.0)) } } }

(that runLater was just a try)

@bjonnh This is also ugly and unsatisfying. But my category order is preserved at least. If I used 0.0 where the -0.001 is, I get bars with noticeable positive value.

If I wasn't struggling with some kotlinX JSON things, I would have finished my D3 version 😉

from what I understand, Webview isn't all that capable when it comes to fancy javascript like D3

But I don't know that from personal experience

I was able to use pretty advanced canvasing things, and it draws those barcharts really well

with hover and everything

I'm hoping @edvin or @thomasnield will have some good pointers for us

@kastork http://bjonnh.net/share/d3grf-2018-05-09_19.55.21.mp4

using c3.js

it lags a bit because it is behind a x2go (remote X session)

the only thing is that passing data to webview is a pain

I should probably make it do a websocket or ajax request to grab the data maye

cool touch using the sort order of the table to sort the chart

yeah I'm just surprised that the sort order doesn't stay when I change the data on the left, maybe I should have to call a sort or something like that

As for passing data to webview... I don't doubt it is a pain

Check out

SortedFilteredList

for now it is :

networkEngine.executeScript("clear_data();")
                    for (element in peaksController.peaks) {
                        networkEngine.executeScript("add_data_point('${element.column_id}', ${element.area});")
                    }
                    networkEngine.executeScript("load_data();")

My data is already in a SortedFilteredList

but I don't think the column sorting is really making use of that