无法在jsfiddle中重现饼图

时间:2014-06-24 11:23:40

标签: jquery highcharts pie-chart

我在jsfiddle上复制我的饼图:

我从这个例子中得到了参考:

http://jsfiddle.net/z3fZv/

这是我的js代码:

$(function () {
    var chart;

    $(document).ready(function () {

        highOptions1 = {
        chart: {
            plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
            renderTo: "container4"
            type: 'pie'
        },
        title: {
            text: "Test"
        },
        yAxis: {
            title: {
                text: ''
            }
        },
        plotOptions: {
            pie: {
                shadow: false,
                dataLabels: {
                    enabled: true,
                    distance: 16,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function () {
                        var val = 240012;
                        if (val == 0) {
                            return '';
                        }
                        return "2%'";

                    }
                }
            }
        },

        series: [{
           name: 'Repairs',
            data: []

    };

         highOptions1.series[0].data = [];
        chart = new Highcharts.Chart(highOptions1);

});

    });

某种程度上它没有复制......任何建议都会有帮助

2 个答案:

答案 0 :(得分:2)

在您的小提琴中添加jquery,但在,

行之后您遗漏了renderTo: "container4"

更改

renderTo: "container4"

renderTo: "container4", //<=== Comma missing

从左上角的选择框中选择jQuery。

<强> Updated Fiddle

答案 1 :(得分:1)

你忘了添加jquery文件, renderTo

后错过了逗号
renderTo: 'container4',
type: 'pie'

在此更新您的小提琴http://jsfiddle.net/xzmK4/4/