Question

MVC 中chart.js 如何显示图例

<script type="text/javascript">
$(document).ready(function () {
var ctx = document.getElementById("myChart").getContext("2d");
var data = [
{
value: 30,
color: "#F38630"
},
{
value: 30,
color: "#E0E4CC"
},
{
value: 50,
color: "#69D2E7"
},
{
value: 50,
color: "#69c27e"
}
]

var myNewChart = new Chart(ctx).Pie(data);
new Chart(ctx).Pie(data, options);
Pie.defaults = {
segmentShowStroke: true,
segmentStrokeColor: "#fff",
segmentStrokeWidth: 2,
animation: true,
animationSteps: 100,
animationEasing: "easeOutBounce",
animateRotate: true,
animateScale: false,
onAnimationComplete: null
}
});
</script>

以上是代码 显示出来

就是这么一个图，如何再图上加上图例，还有 在整个图外加上百分比呀！谢谢

Answer 1

var myChart = new Chart(ctx).Pie(data, options)
var legend = myChart.generateLegend();

legend 里就是模板生成的HTML代码，可以设置为某个元素的innerHTML然后就显示出来了

Answer 2

你用的是什么 chart ，是 js 的还是 java 的，或者是 flash 的，名字是什么

追问

从bootcss 上下载的， 就是chart.js