我使用flotr的饼图的html文件没有完全工作

我只是试图用flotr（一个用于开发各种图表的开源javascript）绘制一个简单的饼图。但是我给出的代码有点作用。该图表是绘制的，爆炸属性，水平和垂直线都可以正常工作。但鼠标跟踪器和传说不起作用。我认为我在代码中犯了一些错误。但我无法清除它。任何人都可以帮助我。提前致谢。我使用flotr的饼图的html文件没有完全工作

<html> 
<head> 
<script type="text/javascript" src="prototype-1.6.0.2.js"></script> 
<script type="text/javascript" src="flotr.js"></script> 
</head> 
    <body> 
     <div id="container" style="width:600px;height:300px;" ></div> 

     <script type="text/javascript"> 
     (function basic_pie(container) { 
    var 
    d1 = [[0, 4]], 
    d2 = [[0, 3]], 
    d3 = [[0, 1.03]], 
    d4 = [[0, 3.5]], 
    graph; 
    graph = Flotr.draw('container', [ 
    { data : d1, label : 'Comedy' }, 
    { data : d2, label : 'Action' }, 
    { data : d3, label : 'Romance', 
     pie : { 
     explode : 50 
     } 
    }, 
    { data : d4, label : 'Drama' } 
    ], { 
    HtmlText : false, 
    grid : { 
     verticalLines : false, 
     horizontalLines : false 
    }, 
    xaxis : { showLabels : false }, 
    yaxis : { showLabels : false }, 
    pie : { 
     show : true, 
     explode : 6 
    }, 
    mouse : { track : true }, 
    legend : { 
     position : 'se', 
     backgroundColor : '#D2E8FF' 
    } 
    }); 
})(document.getElementById("editor-render-0")); 
</script> 
</body> 
</html>

来源

2012-07-12 Praveen Singh

您可能在图例配置中出现错误，我将其删除并且图例正确显示。看看：http://jsfiddle.net/Kpmcn/

来源

2012-07-12 19:30:42

感谢matthew。现在它适用于我。但鼠标轨道问题依然存在。我在这里更新了代码。 http://jsfiddle.net/Kpmcn/2/ – 2012-07-13 05:41:24

你可以检查你的浏览器的类型，你使用的浏览器？如果IE浏览器，你应该在你的第一个行添加

meta http-equiv="X-UA-Compatible" content="IE=edge"

在<head>段，并在<head>添加

[if IE]> script type="text/javascript" src="../lib/excanvas.js">script <![endif]

的兼容性。你应该添加一行：

var container = document.getElementById(' container ');

在function basic_pie(container)的第一线为目标的容器元素。

（请注意：我的一些答案字符串已经被stackoverflow网站搞乱了，对不起）

来源

2013-05-08 02:51:52

我使用flotr的饼图的html文件没有完全工作

回答

相关问题