Jquery 多个Morris图形不工作

Jquery 多个Morris图形不工作,jquery,graphics,morris.js,Jquery,Graphics,Morris.js,我正在使用Morris.js插件来使用一些图形。我需要一个有各种甜甜圈图形的页面,但是当我放了不止一个的时候,最后一个就不行了 莫里斯的电话是: <div id="graphT"></div> 而JS是: <script type="text/javascript"> Morris.Donut({ element: 'graphT', data: [ {value: 50, label: '05'}, {value:

我正在使用Morris.js插件来使用一些图形。我需要一个有各种甜甜圈图形的页面,但是当我放了不止一个的时候,最后一个就不行了

莫里斯的电话是:

<div id="graphT"></div>

而JS是:

<script type="text/javascript">
  Morris.Donut({
    element: 'graphT',
    data: [
    {value: 50, label: '05'},
    {value: 10, label: '07'},
    {value: 40, label: '07'},
    ],
    labelColor: '#000',
    colors: [
    '#ae1c1c',
    '#000',
    '#cc9a00'
    ],
    formatter: function (x) { return x + "%"}
  }).on('click', function(i, row){
    console.log(i, row);
  });
  </script>

莫里斯,甜甜圈({
元素:“graphT”,
数据:[
{值:50,标签:'05'},
{值:10,标签:'07'},
{值:40,标签:'07'},
],
标签颜色:“#000”,
颜色:[
"ae1c1c",,
'#000',
“#CC9A000”
],
格式化程序:函数(x){返回x+“%”
}).on('click',函数(i,行){
控制台日志(第一行);
});
现在,整个代码:

<div id="graphT"></div>
<div id="TD"></div>


<script type="text/javascript">
  Morris.Donut({
    element: 'graphT',
    data: [
    {value: 50, label: '05'},
    {value: 10, label: '07'},
    {value: 40, label: '07'},
    ],
    labelColor: '#000',
    colors: [
    '#ae1c1c',
    '#000',
    '#cc9a00'
    ],
    formatter: function (x) { return x + "%"}
  }).on('click', function(i, row){
    console.log(i, row);
  });
  </script>


<script type="text/javascript">
  Morris.Donut({
    element: 'TD',
    data: [
    {value: 50, label: '05'},
    {value: 10, label: '07'},
    {value: 40, label: '07'},
    ],
    labelColor: '#000',
    colors: [
    '#ae1c1c',
    '#000',
    '#cc9a00'
    ],
    formatter: function (x) { return x + "%"}
  }).on('click', function(i, row){
    console.log(i, row);
  });
  </script>

莫里斯,甜甜圈({
元素:“graphT”,
数据:[
{值:50,标签:'05'},
{值:10,标签:'07'},
{值:40,标签:'07'},
],
标签颜色:“#000”,
颜色:[
"ae1c1c",,
'#000',
“#CC9A000”
],
格式化程序:函数(x){返回x+“%”
}).on('click',函数(i,行){
控制台日志(第一行);
});
莫里斯,甜甜圈({
元素:“TD”,
数据:[
{值:50,标签:'05'},
{值:10,标签:'07'},
{值:40,标签:'07'},
],
标签颜色:“#000”,
颜色:[
"ae1c1c",,
'#000',
“#CC9A000”
],
格式化程序:函数(x){返回x+“%”
}).on('click',函数(i,行){
控制台日志(第一行);
});
有人知道发生了什么吗?我不能把它放在JsFille上,因为我需要莫里斯图书馆


提前谢谢

您是否也导入了morris.js的依赖项?它们是
raphael.js
jQuery

对我来说似乎工作得很好。。。还要注意的是,您可以在jsfiddle上包含外部资源,在我的机器上显示这两个图。你用的是什么浏览器?