从asp.net mvc json数据显示flot PieChart

Question

浮动图表无法显示。 调试时不会弹出错误。 但相同的js显示迷你图的数据。 数据为json格式，如下所示。 ..

[
  {
    "label": "Female",
    "data": 43
  },
  {
    "label": "Male",
    "data": 56
  }
]

而实际的js是这样的...

<script type="text/javascript">
    $(document).ready(function () {
        $('body').addClass('light-navbar');
            $.getJSON("../../Dashboard/getGuestGenderPieData")
            .done(function (data) {
                jQuery('#guestgenderpie').sparkline(data, {
                   type: 'pie',
                   height: '140',
                   sliceColors: ['#1ab394', '#F5F5F5']
            })
        });
    });        
</script>

Answer 1

迷你图饼形图以[24、43、33]的形式接受数据。 其中该数组中的每个项目都是饼图的一部分。 如果您必须以初始格式发送数据，则应使用浮动饼图而不是像这样的迷你图：

 $(document).ready(function () { $.plot($("#guestgenderpie"), data, { series: { pie: { show: true } }, legend: { labelBoxBorderColor: "none" } }); }); 

在Flot饼图中查看更多选项