Question

flot chart无法显示。调试时没有弹出错误。但同样的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

Sparkline饼图接受[24,43,33]表格中的数据。此数组中的每个项目都是饼图的一部分。如果你必须以初始格式发送数据，那么你应该使用flot饼图而不是像这样的迷你图：

＆＃13;

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

＆＃13;

＆＃13; 查看Flot pie charts

的更多选项

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

1 个答案: