JavaScript運行時錯誤：預期對象

Question

我正在嘗試重現HighChart圖。它在JsFiddle ..上工作正常，但是在我的本地Web應用程序上卻拋出錯誤：

JavaScript運行時錯誤：預期對象

文件highcharts.src.js中的此代碼段出錯

/ Set up auto resize
        if (optionsChart.reflow !== false) {
            addEvent(chart, 'load', function () {
                chart.initReflow();
            });
        }

這是我的JSFiddle

http://jsfiddle.net/u9xES/550/

這是我的網頁

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://code.highcharts.com/highcharts.src.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>
    <script src="http://code.jquery.com/jquery-1.7.2.js"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $(function () {
                var highOptions = {

                    chart: {
                        type: 'line',
                        renderTo: 'container2',
                        zoomType: 'x',
                        marginTop: 100

                    },

                    title: {
                        text: 'Score'
                    },

                    subtitle: {
                        text: '  '
                    },

                    xAxis: {
                        title: {
                            text: 'XXX'
                        },
                        categories: [],
                        labels: {
                            rotation: 45,
                            step: 1,
                            y: 30
                        }
                    },

                    yAxis: [{ // left y axis
                        title: {
                            text: 'XXX'
                        },
                        min: 0,
                        max: 9,
                        plotLines: [{
                            value: 7.5,
                            color: '#ff0000',
                            width: 2,
                            zIndex: 4,
                            label: {
                                text: 'XXX'
                            }
                        }]
                    }],

                    plotOptions: {
                        column: {
                            dataLabels: {
                                enabled: true,
                                formatter: function () {
                                    return Highcharts.numberFormat(this.y, 1);
                                }
                            }
                        }
                    },
                    legend: {
                        align: 'left',
                        verticalAlign: 'top',
                        y: 20,
                        floating: true,
                        borderWidth: 0
                    },

                    tooltip: {
                        shared: true,
                        crosshairs: true
                    },
                    series: []
                };

                highOptions.xAxis.categories = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8];

                highOptions.subtitle.text = "XXX:";
                chart = new Highcharts.Chart(highOptions);
                var aName = "Fin";

                newLP = [0.1, 5.52, 0.2, 6.16, 0.3, 6.34, 0.4, 6.69, 0.5, 6.36, 0.6, 7.44, 0.7,  
                7.44, 0.8, 7.44];

                    chart.addSeries({
                        name: aName,
                        data: newLP
                    }, false);

                chart.redraw();
            });
        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="container2">
    </div>
    </form>
</body>
</html>

我不知道..為什么它在JSFiddle上運行良好。但是在我的Web App上沒有..沒有其他插件安裝..請建議

Answer 1

在這種情況下，腳本的順序很重要，正確的FOR CHROME順序應為：

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script src="http://code.highcharts.com/highcharts.src.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

其他瀏覽器在確定首先加載哪個js文件時可能具有不同的方法。 因此，您必須與其他瀏覽器一起測試它們是否都可以正常工作。

Answer 2

只是搜索一下該錯誤，似乎總是必須處理

<script type="text/javascript">

被定義為。

您是否嘗試過將其更改為：

<script type="text/javascript" language="javascript">

JavaScript運行時錯誤：預期對象

問題描述

2 個解決方案

解決方案1
1 已采納 2014-07-08 17:51:14

解決方案2
-1 2014-07-08 17:49:40

JavaScript運行時錯誤：預期對象

問題描述

2 個解決方案

解決方案1 1 已采納 2014-07-08 17:51:14

解決方案2 -1 2014-07-08 17:49:40

解決方案1
1 已采納 2014-07-08 17:51:14

解決方案2
-1 2014-07-08 17:49:40