1

这个很奇怪。我正在调用我的饼图，当我做灰色背景时，数据管道连接器和悬停数据与数字都在背景上显示良好。但不会显示馅饼片。

但是，如果我打印出图表，它会在我保存图表并返回页面后显示切片。或者，如果我在 Chrome 中检查元素，它会在我调整检查器窗口大小后显示图表。如果我采取任何行动，几乎就像它正在重新绘制图表一样，但最初没有绘制它。

它在所有浏览器中的工作方式都相同。不会引发 javascript 错误。

有任何想法吗？

这是我的代码：

<script type="text/javascript">

        var chart;
        $(document).ready(function() {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'pie1',
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false
                },
                title: {
                    text: 'application usage'
                },
                tooltip: {
                    formatter: function() {
                        return '<b>'+ this.point.name +'</b>: '+ this.y +'';
                    }
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            color: '#FFFFFF',
                            connectorColor: '#FFFFFF',
                            formatter: function() {
                                return '<b>'+ this.point.name +'</b><br> '+ this.y +' ('+ Math.round(this.percentage) +'%)';
                            }
                        }
                    }
                },
                series: [{
                    type: 'pie',
                    name: 'percentage of application usage',
                    data: [{
                        name: 'Lessons', y: 25}, {name: 'Discussion', y: 65}, {name: 'Tests', y: 85}, {name: 'Dropbox', y: 92}, {name: 'Surveys', y: 105
                    }]
                }]
            });
        });

    </script>

    <div id='pie1' class='chart_container'></div>
4

0 回答 0