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'
        }]

        }]
    });

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

https://jsfiddle.net/n8rvq66r/

Answer 1

我将select * from table_name where first_name like 'M%i'更改为<canvas id="mediaUserChart" ></canvas> 它对我有用......

echarts.js饼图工具提示悬停不起作用

1 个答案: