2012-12-16 2 views
3

그래프를 그리기 위해 하이 차트를 사용하고 있습니다. 로컬에서 잘 작동하지만 heroku에 배포 할 때 Highcharts가 정의되지 않았다는 자바 스크립트 오류가 발생합니다. 아마 javascript 파일이 미리 컴파일되지 않았지만 heroku 로그를 검사했는데 프리 컴파일 된 것을 볼 수 있습니다. 또한 myapp.herokuapp.com/assets/highcharts.js으로 이동하여 찾으십시오. 그래서 문제가 무엇인지 잘 모르겠습니다.레일즈 - 헤로크의 하이 차트 - ReferenceError : Highcharts가 정의되지 않았습니다. '

감사합니다. 감사합니다. https://github.com/market76/lazy_high_charts

그것은 훨씬 쉽게 Rails 애플리케이션에서 높은 차트를 사용한다 :

은 ---이 페이지

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="/assets/application-eb12a5437181ffb065f7793b96f720c9.css" media="all" rel="stylesheet" type="text/css" /> 
<script src="/assets/application-b5b4fd7bed721cbc4cc70b5a8c8654e9.js" type="text/javascript"></script> 
<meta content="authenticity_token" name="csrf-param" /> 
.... 
<div id="container2" style="min-width: 400px; height: 100%; margin: 0 auto"></div><br><br /> 

<script> 
$(function() { 
    var chart2; 
    $(document).ready(function() { 
     chart2 = new Highcharts.Chart({ 
      chart: { 
      renderTo: 'container2', 
      type: 'bar', 
      height: 450 
     }, 
     title: { 
      text: 'Questions' 
     }, 
     subtitle: { 
      text: 'number of students with answer' 
     }, 
     xAxis: { 
      categories: ["Part3 00:03:31", "Part4 00:03:41", "Part5 00:06:17"], 
      labels:{ 
      useHTML: true} 

     }, 
     yAxis: { 
      min: 0, 
      allowDecimals: false, 
      title: { 
       text: 'Number of Students' 
      } 
     }, 
     legend: { 
      enabled: false, 
      layout: 'vertical', 
      backgroundColor: '#FFFFFF', 
      align: 'left', 
      verticalAlign: 'top', 
      x: 100, 
      y: 70, 
      floating: true, 
      shadow: true 
     }, 
     tooltip: { 
      formatter: function() { 
       return ''+ 
        this.series.name+': '+ this.y +' student(s)<br>'+question(this.point.x, this.series.name); 
      } 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 

     series: [{"name":"Answer 1","data":[11,7,6]},{"name":"Answer 2","data":[4,6,2]},{"name":"Answer 3","data":[5,7,6]},{"name":"Answer 4","data":[0,0,6]}] 
    }); 
+0

페이지의 html 소스를 보여줄 수 있습니까? – Dogbert

+0

'application.js' 파일에'highcharts.js'를 포함하고 있습니까? – Dogbert

+0

예 : // highcharts가 필요 // // highcharts/modules/exporting이 필요합니다. highcharts-rails gem을 사용하고 있습니다. – user1069624

답변

-1

나는이 보석을 사용하여 제안의 HTML입니다. PhantomJS로 그래프 이미지를 서버 측으로 내보낼 수 있습니다.

관련 문제