javascript - echarts.js 饼图工具提示悬停不工作

Question

我有使用 echarts.min.js 的饼图。问题在于悬停，工具提示未显示。我的代码是

var echartPie = echarts.init(document.getElementById('mediaUserChart'));

    echartPie.setOption({

        tooltip: {
            trigger: 'item',
            formatter: "{a} - {b} : {c} ({d}%)"


        },
        hover:true,
        legend: {

            x: 'center',
            y: 'bottom',
            data:

            ['others', 'just dial', 'trade india', 'india mart']
        },
        toolbox: {
            show: true,
            feature: {
                magicType: {
                    show: true,
                    type: ['pie', 'funnel'],
                    option: {
                        funnel: {
                            x: '25%',
                            width: '50%',
                            funnelAlign: 'left',
                            max: 1548
                        }
                    }
                },
                restore: {
                    show: false,
                    title: "Restore"
                },
                saveAsImage: {
                    show: false,
                    title: "Save Image"
                }
            }
        },
        calculable: true,
        series: [{
            name: 'Media Users',
            type: 'pie',
            radius: '55%',
            center: ['50%', '48%'],
            data:

                [{
            value: 335,
            name: 'others'
        }, {
            value: 234,
            name: 'just dial'
        }, {
            value: 135,
            name: 'trade india'
        }, {
            value: 1548,
            name: 'india mart'
        }]

        }]
    });

我在这里使用了工具提示选项。仍然没有显示工具提示。任何人都可以知道这个问题的解决方案吗？

https://jsfiddle.net/n8rvq66r/

Answer 1

我改为<canvas id="mediaUserChart" ></canvas>它对<div id="mediaUserChart" style="height:350px;"></div> 我有用......