echarts map图 tooltip不显示

xinbear
  • 333

使用echarts显示中国地图 发现鼠标移动到省份上时 发现tooltip提示框不显示 tooltip.formatter倒是可以触发。
请问 我想要吧tooltip显示出来应该怎么搞呀
以下是代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/echarts.js"></script>
    <script src="js/china.js"></script>
    <title>test</title>
</head>
<body>

<canvas id="chinaG" width="400" height="350"></canvas>

<script type="text/javascript">


            var optionMap2 = {
                    title: {
                        text: '获取用户数 - 区域分布',
                        left: 'center'
                    },
                    tooltip : {
                            trigger: 'item',
                            formatter: function(data){
                                console.log(data);
                                if( !isNaN(data.value) ){
                                    return data.name+":"+data.value;
                                }
                            }
                        },
                    // visualMap: {
                    //     min: 0,
                    //     max:1000,
                    //     left: 'left',
                    //     top: 'bottom',
                    //     // text: ['高','低'],           // 文本,默认为数值文本
                    //     calculable: true
                    // },
                    toolbox: {
                        show: true,
                        orient: 'vertical',
                        left: 'right',
                        top: 'center',
                        feature: {
                            dataView: {readOnly: false},
                            restore: {},
                            saveAsImage: {}
                        }
                    },
                    series: [
                        {
                            name: '获取用户数',
                            type: 'map',
                            mapType: 'china',
                            roam: false,
                            label: {
                                normal: {
                                    show: false
                                },
                                emphasis: {
                                    show: false
                                }
                            },
                            data: [{name: '北京',value: 10 },{name: '天津',value: 100 }]
                        }
                    ]
                };
        //初始化echarts实例
        var myChart2 = echarts.init(document.getElementById('chinaG'));
        //使用制定的配置项和数据显示图表
        myChart2.setOption(optionMap2);

</script>
</body>
</html>
回复
阅读 4.3k
2 个回答
✓ 已被采纳

吧canvas替换成div就可以了

<div id="chinaG" style="width: 400px;height: 350px;"></div>

什么意思,不太明白,使用formatter是一样的吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏