Jquery 多个Morris图形不工作
我正在使用Morris.js插件来使用一些图形。我需要一个有各种甜甜圈图形的页面,但是当我放了不止一个的时候,最后一个就不行了 莫里斯的电话是: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:
<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上包含外部资源,在我的机器上显示这两个图。你用的是什么浏览器?