绘图饼图绘图的尺寸无效,宽度= null,高度= null

时间:2017-03-15 16:24:52

标签: javascript jquery twitter-bootstrap-3 charts flot

当我尝试使用带有tab的饼图时,我收到此错误。我该如何解决?

var arr = JSON.parse('{!! json_encode($array) !!}');



var pieChartData = [], pieChartSeries = arr;
    var pieChartColors = ['#E91E63', '#03A9F4', '#FFC107', '#009688'];

    $.plot('#pie_chart[0]', pieChartData, {
        series: {
            pie: {
                show: true,
                radius: 1,
                label: {
                    show: true,
                    radius: 3 / 4,
                    formatter: labelFormatter,
                    background: {
                        opacity: 0.5
                    }
                }
            }
        },
        legend: {
            show: false
        }
    });

我给了div的样式,但它没有用。当我使用没有标签的饼图时,它也正常工作。

此外,我尝试在页面加载和文档准备好之后运行此代码,但也没有工作。

<div id="pie_chart[0]" class="flot-chart"></div>

我也给了div元素的样式。但它不起作用。

1 个答案:

答案 0 :(得分:0)

好的,我解决了问题。

问题是我用[]删除了[]并且使用了id = chart_12并且它已经解决了。