我正在尝试制作饼图动画 这不是鼠标悬停，会弹出饼图的一 block ，所以请耐心等待我说的
信息: 1. 饼图中只会有正确或错误两个类别，因此只显示两种颜色，非常简单。 2.每个类别的面积(正确或错误)不是恒定的，它可以一直变化，意思是，有时正确可以是45％，错误可以是55％，其他情况可以是35％和65％ 所以我希望饼图按顺时针方向显示，先显示正确答案，然后按比例显示错误答案 所以一个例子就是这个链接中的任何饼图 http://www.fusioncharts.com/demos/gallery/#pie-and-doughnut (它在链接中是逆时针的……)
那么我怎样才能只使用 css/jquery 来存档呢？如果不是，使用 html 5？我猜任何不需要闪光灯的东西。 是否有带有示例代码的动画示例？
再次声明，这并不是将饼图的一部分/部分移出....
请按我的意思看链接..
最佳答案
我尝试了几个 Javascript 图表库，在我看来，有一个图表库属于其余图表库:HighCharts
除其他功能外，您还可以创建出色的饼图，它可以满足您的需求。有很多关于如何创建这些图表的示例，这里是一个示例:HighCharts Pie Example是您想要作为起点查看的那个。
Highcharts 是用纯 Javascript 构建的，因此根本不需要 Flash。代码看起来像上面这样，但是请注意示例中的数据是静态写入的，因此根据您获取数据的位置/方式，您将不得不更改它。
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Right or Wrong? That's the question'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Right/Wrong',
data: [
['Right', 45.0],
['Wrong', 26.8],
]
}]
});
});
});
关于javascript - 具有任意区域(有进度)的饼图动画，无闪光灯，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9898882/