echarts怎么禁用点击事件、禁用点击弹窗-web前端开发|在线助手，您的在线生成制作工具箱

echarts怎么禁用点击事件、禁用点击弹窗-web前端开发|在线助手，您的在线生成制作工具箱!

echarts怎么禁用点击事件、禁用点击弹窗？,在线助手以及在线助手博客专注于提供在线生成、在线制作等在线工具，以及web前端开发、html、javascript、thymeleaf、view、vue.js、vue等常见问题的解决方案!

echarts怎么禁用点击事件、禁用点击弹窗

在线助手博客首页

####echarts设置不可点击
```html
clickable:false
```

####echarts设置鼠标移动不显示弹窗
```html
 show:false
```
####echarts设置指定城市选择状态
```html
 data:[{name:'广东',selected:true}, {name:'上海',selected:true}, {name:'湖南',selected:true} ]
```

```html
<script th:inline="javascript">
    var data = [[${citySelectBeans}]];
    console.log(data);
    // 路径配置
    require.config({
        paths: {
            echarts: 'http://echarts.baidu.com/build/dist'
        }
    });
    // 使用
    require(['echarts','echarts/chart/map'],function (ch) {
        // 基于准备好的dom，初始化echarts图表
        var myChart = ch.init(document.getElementById('main'));
        option = {
            backgroundColor: '#f8f8f9',
            tooltip : {
                trigger: 'item',
                formatter: '{b}',
                show:false
            },
            series : [{
                clickable:false,
                name: '中国',
                type: 'map',
                mapType: 'china',
                // selectedMode : 'multiple',
                // selectedMode :false,
                itemStyle:{
                    normal:{label:{show:false}},
                    emphasis:{label:{show:false}}
                },
                // data:[
                //     {name:'广东',selected:true}, {name:'上海',selected:true}, {name:'湖南',selected:true}
                // ]
                data:data
            }]
        };
        // var ecConfig = require('echarts/config');
        // myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
        //     var selected = param.selected;
        //     var str = '当前选择： ';
        //     for (var p in selected) {
        //         if (selected[p]) {
        //             str += p + ' ';
        //         }
        //     }
        //     document.getElementById('wrong-message').innerHTML = str;
        // })
        // 为echarts对象加载数据
        myChart.setOption(option);
    });
</script>
```

-------------
[个人网站](https://www.it399.com)
[个人博客](https://www.it399.com/blog/index)
-------------

> 本文同步发布在 [在线助手](https://www.it399.com) ，**转载请注明来自 [在线助手博客](https://www.it399.com/blog/index) 频道【[echarts怎么禁用点击事件、禁用点击弹窗](https://www.it399.com/blog/html/201806141342)]】,原文链接**:**https://www.it399.com/blog/html/201806141342**