javascript - Rails - Heroku 上的 Highcharts - 获取 'ReferenceError: Highcharts is not defined'-6ren

javascript - Rails - Heroku 上的 Highcharts - 获取 'ReferenceError: Highcharts is not defined'

转载作者：行者123 更新时间：2023-12-03 04:27:44

25

4

我正在使用 highcharts 来绘制一些图表。它在本地工作得很好，但是当部署到 heroku 时，我收到此 javascript 错误，指出 Highcharts 未定义。我虽然也许 javascript 文件没有预编译，但我检查了 heroku 日志，发现它确实被预编译了。我还访问 myapp.herokuapp.com/assets/highcharts.js 并在那里找到了它。所以我不确定问题是什么。

感谢任何帮助，谢谢。

--- 这是页面的 html

<!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]}]
    });

最佳答案

我建议使用这个 gem:https://github.com/market76/lazy_high_charts

它使得在 Rails 应用程序中使用 High Charts 变得更加容易。您也可以使用 PhantomJS 在服务器端导出图形图像。

关于javascript - Rails - Heroku 上的 Highcharts - 获取 'ReferenceError: Highcharts is not defined'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13899967/

25

4

0

文章推荐： outlook - 我应该如何使用 Outlook 发送代码片段？

文章推荐： asp.net-mvc - 使用 MVC 5 OWIN 时从 Facebook 注销

文章推荐： mime - 未知文件类型 MIME？

文章推荐： scala - 通配符上的类型边界 "Stickyness"

javascript - 王牌编辑器 "define is not defined"
我正在尝试添加 ace editor到我的应用程序。我从 github 下载它，将“ace/lib/ace”目录放到我的应用程序目录中，包括: " 在我的正文标签中: editor = ace.edi
typescript 模块 : defined is not defined
如果有人能介绍一下 TypeScript 1.8 模块，我将不胜感激。我有 SomeClass.ts 文件: export class SomeClass { } 然后，在我的 app.ts 中导入
php - “/*重载元素数据类型*/#define OE_IS_ARRAY (1<<0) #define OE_IS_OBJECT (1<<1) #define OE_IS_METHOD (1<<2)”是什么意思？
今天，当我阅读php内核代码时，在目录:php5.3/Zend/Zend.h中，有一行代码让我很困惑。代码如下: /* overloaded elements data types */ #defi
php - “/*重载元素数据类型*/#define OE_IS_ARRAY (1<<0) #define OE_IS_OBJECT (1<<1) #define OE_IS_METHOD (1<<2)”是什么意思？
今天看php的内核代码，在php5.3/Zend/Zend.h目录下，有一行代码搞得我一头雾水。代码如下: /* overloaded elements data types */ #define
javascript - 主干+RequireJS "define is not defined"
我有一个相当大的项目，我试图将所有 JS 文件连接到一个文件中。我已经能够做到这一点，但我在实际将这两个文件实现到代码中时遇到了麻烦。我的 Gruntfile 有一个执行串联的任务: require
c++ - "#define"与 "#define 1"
1在以下示例中似乎没有必要(并且可能具有误导性)，但是在用于检查 #ifdef 时我已经多次看到这种情况s: #ifndef __NEWLIB_H__ #define __NEWLIB_H__ 1 使
javascript - Uncaught ReferenceError : define is not defined
感谢您提供的任何帮助。我有一个 Grails 项目，我正在尝试将 Karma 安装到其中。但是，当我运行时 ./gradlew 构建我收到以下错误: [x-10-105-56-234]SENG519
javascript - 前端开发人员面试编码问题 : a not defined and b is defined?
我从 Frontend Developer Interview Coding Questions 得到了这个问题.为什么下面的代码片段会打印它打印的内容？我最初认为它会抛出一个 ReferenceEr
c++ - 如何在另一个#define 中实现#define？
之前的问题描述有歧义，所以我在下面修改了一些东西。谢谢。我想像这样实现一些宏: #define AddVariable(x) \ #define x (++counter) class Ba
c++ - 有没有办法在另一个#define 中执行#define？
我知道我正试图朝自己的腿开枪 ;) 但是，它可以让我使其余(大量)代码更小且更易读。有什么技巧可以在另一个预处理器宏中创建预处理器宏吗？这是我正在寻找的示例。我的真实场景更复杂 // That's
c++ - 没有#define 的调用约定 "defines"
在 Microsoft 的 WinDef.h 中引入了几个用于回调的#defines: #ifdef _MAC #define CALLBACK PASCAL #define WINAPI
c++ - 有没有办法在另一个#define 中执行#define？
我知道我想在腿上开枪；)但是，它可以让我使其余(大量)代码更小且更具可读性。在另一个预处理器宏中创建预处理器宏有什么棘手的方法吗？这是我正在寻找的示例。我的真实场景更复杂 // That's wh
c - 宏 "#define STR(x) #x"和 "#define STR(x) VAL(x)"与 "#define VAL(x) #x"有什么区别？
当我使用这段代码时: #include #define STR(x) #x int main(void) { printf(__FILE__ STR(__LINE__) "hello!\n"
vb6 - 在代码中获取错误 'User defined type not defined'
今天的问候，您好，我是使用 vb 6.0 的初学者。我正在使用以下代码并获得“用户定义类型未定义”。代码在下面。我得到错误的行被突出显示。请帮助。我应该添加一些引用或组件吗？如果是这样，它会是什么。
vb6 - 编译错误: user-defined type not defined
当我尝试编译此代码时，在 VB6 中出现编译错误“用户定义的类型未定义”。谁能告诉我需要做什么来解决这个错误？以下是我收到错误的行: Public Conn As ADODB.Connection P
ember.js - Ember JS : define is not defined
我最近将我的应用程序从 Ember 1.3 升级到了 Ember 2.4.2。然而，在使用 ember build --env production 将其部署到我的生产环境后，我注意到了一些问题。第
vba - '编译错误: User-defined type not defined'
这个问题在这里已经有了答案: Getting user-defined type not defined error when running code (2 个回答) 3年前关闭。我在运行程序以通
excel - “User-defined type not defined”，不突出显示VBE中的代码
在我的一个项目中，我最近进行了重构并重命名了很多。完成此步骤后，一切正常，所有单元测试都通过了，但是我遇到了以下问题。当我在VBE中执行“编译”时，确实出现了“用户定义的类型未定义”错误，并出现两种
C#define based in another #define 错误
所以我的 Visual Studio 将 tag1 和 tag2 都声明为未定义，但它们的定义很清楚，我不能根据另一个定义一个吗？ #define push 99 #de
vba - "User-defined type not defined"用于简单自定义类型
在 Excel 2007 中，我有以下非常简单的 VBA 代码: Public Type specType sb As Long End Type Private Sub MyButton_C

首页

博学

6Ren·AI

商城

javascript - Rails - Heroku 上的 Highcharts - 获取 'ReferenceError: Highcharts is not defined'