Morris chart only displayed after page refresh

Question

My Morris Line chart is not showing on initial page load. Manually using the browser refresh will result in the chart displaying as expected. This is under Rails 5 and Chrome/Safari/Firefox. My coffeescript file.

jQuery ->
  Morris.Line({
    resize:true,
    parseTime:false,
    hideHover:true,
    xLabelAngle:45,
    ymin:100,
    ymax:300,
    element: 'game_averages'
    data: $('#game_averages').data('averages')
    xkey: 'game_title'
    ykeys: ['athlete','field']
    labels: ['Favorite','Field']}
  )

This is based on an old RailsCast http://railscasts.com/episodes/223-charts-graphs-revised

This sounds like a problem with `turbolinks` - have a look at [this answer](https://stackoverflow.com/questions/36110789/rails-5-how-to-use-document-ready-with-turbo-links) — caffeinated.tech, Oct 15 '19 at 09:33

score 0 · Accepted Answer · answered Dec 03 '19 at 19:27

0

@caffinated.tech was right with their answer "This sounds like a problem with turbolinks - have a look at this answer "

answered Dec 03 '19 at 19:27

Bingo

31
1
6

Morris chart only displayed after page refresh

1 Answers1