时间戳

首页 > 解决方案 > 错误未捕获的 ReferenceError：未定义 Morris

javascript - 错误未捕获的 ReferenceError：未定义 Morris

问题描述

我试图暗示 morris.js 但我收到以下错误：

我试图实现看到一些教程，这真的很容易，但到目前为止我得到以下

new Morris.Line({
  element: 'myfirstchart',
  data: [
    { year: '2008', value: 20 },
    { year: '2009', value: 10 },
    { year: '2010', value: 5 },
    { year: '2011', value: 5 },
    { year: '2012', value: 20 }
  ],
  xkey: 'year',
  ykeys: ['value'],
  labels: ['Value']
});
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <link rel="stylesheet" href="~/js/morris.css">
    <script src="~/js/sweetalert.min.js" charset="utf-8"></script>
</head>
<body>
    <div class="container">
        <h2>Costos por proyecto</h2>
        <hr>
        <div class="col-lg-6">
            <h2>Costos</h2>
            <hr>
            <div id="myfirstchart"></div>
        </div>
        <div class="col-lg-6">
        </div>
    </div>
    <script src="~/js/graficas.js" charset="utf-8"></script>
</body>
</html>

我收到以下错误：

未捕获的 ReferenceError：未定义 Morris

标签： javascripthtmlmorris.js

解决方案

您忘记添加一个脚本行：

<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>

见入门：https ://morrisjs.github.io/morris.js/

推荐阅读