Тестовая диаграмма не отображается при использовании Chart. js в Rails - PullRequest
Новая
       31

Тестовая диаграмма не отображается при использовании Chart. js в Rails

0 голосов
/ 30 апреля 2020

Я пытаюсь научиться использовать Chart. js, с Rails. 

Rails 6
Webpacker

В моем Gemfile у меня есть: 

gem 'chart-js-rails'

Я установил пакет без ошибок, а затем я добавил в файл следующее: 

app/javascript/packs/application.js:

require ("Chart.min")

Я создал app / conrtollers / charts_conroller.rb и добавил следующий метод: 

def overview
  @labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
  @forecast_data_set_label = t('charts.forecast')
  @forecast_data = [100, 300, 200, 500, 250, 175, 500, 100, 300, 200, 500, 250]
end

Затем я создал приложение / views / charts / Overview. html .slim со следующим: 

canvas#OverviewChart height="1200" width="1200"

javascript:
  var ctx = document.getElementById("OverviewChart").getContext('2d');
  var OverviewChart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: #{@labels.to_json.html_safe},
      datasets: [
        {
          label: #{@forecast_data_set_label},
          data: #{@forecast_data.to_json.html_safe}
        }
      ]
    },
    options: {
      scales: {
        yAxes: [{
          ticks: {
            beginAtZero: true
         }
        }]
      }
    }
  })

Приложение запускается нормально, и я не получаю ошибок, но при выборе действия для метода обзора я получаю пустую страницу (без сообщения об ошибке). Любые советы будут оценены.

...