I'm trying to use Chart.js from my elm app, and I'm running into some
errors that I can't sort out. In short, I've got a elm-to-javascript port
that takes in a data structure describing the chart I want to draw. Then on
the javascript side I've got a subscription to that port that renders that
chart. A trimmed version of that function looks like this:
var brooksChart = null;
function chart(val) {
var datasets = ... // calculate data sets from `val`
var ctx = document.getElementById("bark-spider-canvas");
if (brooksChart) {
brooksChart.destroy();
}
brooksChart = new Chart(ctx, {
type: 'line',
data: {
datasets: datasets
},
options: {
scales: {
xAxes: [{
type: 'linear',
position: 'bottom'
}]
}
}
});
};
When I run this and pass data into the port, the chart is rendered
correctly. But, at some point after the "new Chart(...)" call completes, I
get errors in the javascript console like this:
bark_spider.js:8139 Uncaught TypeError: Cannot read property 'childNodes'
of undefined(…)addDomNodesHelp @ bark_spider.js:8139addDomNodesHelp @
bark_spider.js:8147addDomNodesHelp @ bark_spider.js:8147addDomNodesHelp @
bark_spider.js:8147addDomNodesHelp @ bark_spider.js:8147addDomNodes @
bark_spider.js:8066applyPatches @ bark_spider.js:8195updateIfNeeded @
bark_spider.js:7232
The fallout of this seems to be that the elm runtime gets confused, at
least insofar as I don't receive Msgs that I ought to be receiving. In
fact, if I take the call to "new Chart(...)" out, then my app works just
fine (except of course that charts aren't rendered).
So, does anyone have any idea what I'm going wrong? This seems like pretty
standard use of both ports and chart.js, but clearly I'm missing something.
--
You received this message because you are subscribed to the Google Groups "Elm
Discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
