tooltip不显示echarts 饼配置项内容和展示

如图所示，我做了个饼图，鼠标放到各个饼块上时tooltip框未显示，但我在echarts官网上发布的就可以显示，除了画布大小不同，option都是相同的。我看了生成的canvas，发现canvas中其实是生成了tooltip对应的div的，但它就是没有显示出来，出现这个问题的原因可能是什么？

      option = {
    color: ['#c4f8d1', '#b2edd9', '#8ee1e9', '#7bd4f6', '#51bde4'],
    title: {
        text: '',
        subtext: '',
    },
    legend: {
        orient: 'vertical',
        data: ["容量拥塞-需扩容解决小区", "容量拥塞-负载均衡可解决小区", "容量拥塞-无限信道优化可解决小区", "容量冗余小区", "其他小区"],
        right: 20,
        itemGap: 20
    },
    tooltip: {
        show: true,
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    series: [{
        type: 'pie',
        radius: '55%',
        name: '类型',
        label: {
            normal: {
                show: false
            }
        },
        center: ['46%', '55%'],
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        },
        data: [{
            value: 0,
            name: "容量拥塞-需扩容解决小区"
        }, {
            value: 362,
            name: "容量拥塞-负载均衡可解决小区"
        }, {
            value: 0,
            name: "容量拥塞-无限信道优化可解决小区"
        }, {
            value: 6275,
            name: "容量冗余小区"
        }, {
            value: 15696,
            name: "其他小区"
        }]
    }]
};