vue echarts在中国地图鼠标经过同一指标下的多个省份高亮或凸起_sunnyboysix的博客

相关文章推荐

高大的铁板烧 · vis.js - How to draw ...· 1 年前 ·

千年单身的柚子 · es查询字段不包含某个值 - 百度· 1 年前 ·

谦和的蘑菇 · 什么是Promise，Promise的三种状 ...· 1 年前 ·

失眠的刺猬 · Spring ...· 1 年前 ·

坚韧的馒头 · minio lifecycle ...· 1 年前 ·

emphasis: { color: dataList.forEach(item => { return `rgba(158, 51, 98, ${item.value.toFixed(0)})` //borderColor: '#000', // shadowOffsetY: 2, //shadowOffsetX: 10, // shadowColor: 'rgba(0, 0, 0, 1)', shadowBlur: 20, areaColor: 'rgba(255,255,0, 0.5)',

三个参数我尝试了一下满足使用就是geoSelect

echarts.on('mousemove', (params) => {
        if (params.data) {
          dataList.forEach(item => {
            if (item.area === params.data.area) {
              echarts.dispatchAction({
                type: 'geoSelect',
                name: item.name,
      echarts.on('mouseout', () => {
        dataList.forEach(item => {
          echarts.dispatchAction({
            type: 'geoUnSelect',
            name: item.name,
总的来说来说如果平面地图上做多个省份的效果凸起还是很难看的，建议用平面 
为什么不用数组形式，因为我试了一下传入数组进去没得反应，所以用循环的方式加入，但是这种方法会有卡顿延迟，我个人倾向图4样式。 
加油  爱分享
                                    本文主要介绍如何在vue中使用Echarts实现点击高亮效果。
1、首先看一下官方网站上的介绍：
http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency
2、在初始化的时候绑定这两个事件。需要绑定的事件是鼠标的点击事件和右键点击事件。
mounted: function () {
  let that = this;
  let myChart = this.$echarts.init(document.getElementById('myChart'));
  myChart.on('click', funct
                                    在可视化的开发过程中，有时我们需要利用ECharts绘制地图，当鼠标移上去时显示一些酷炫的效果，如统计结果需要好看的背景图。需要怎么配置ECharts的api呢？鼠标移向地图显示效果对应的是tooltip这个属性，当我们想要自定义显示效果，那么重写tooltip对象的formatter属性即可。引入背景图片，注意返回的HTML模板使用的是原生img标签，需要先引入图片（@xxx方式），这样项目打包部署才能正常显示图片。
peopleInsertCharts为生成echarts容器。
let myChart = echarts.init(document.getElementById('peopleInsertCharts'))
容器一定要给宽高，否则echarts生成初始化页面不会显示。需要自适应的可以js获取宽高给定容器。
 直接贴代码
// 绘制图表
    myChart.setOption({
            emphasis: {
              color: dataList.forEach(item => {
                return `rgba(158, 51, 98, ${item.value.toFixed(0)})`
              //borderColor: '#000',
              // sh
                                    本文介绍echarts显示中国省份图，对于需要高亮的省份进行筛选。并且对省份进行选择性交互。
首先我们需要一个颜色集合，代表我们要设置多少种颜色。这里用到了dataRange。
        dataRange: {
	    	show:false,
	        x: 'left',
	        y: 'bottom',
	        splitList: [
                                    引言开发 Vue 项目前，做好开发环境的相关配置非常重要，它可以提高我们的开发效率。在「Vue 入门系列」第一期，新手快速入门指南，初识 Vue 一期中，我们利用 Vue CLI 搭建了项目骨架，但其中有一些关于开发环境配置的细节我们并没有做过多的解释，这期，我们将这部分内容补充上。主题：开发环境及 ESLint 配置安装 Vue CLIVue CLI 是 Vue 的脚手架工具，用于自动生成 Vu...
                                    Pixel Map Generator是一种简单的线上地图像素化生成器，美观大方的界面为用户带来直观出彩的视觉冲击。Pixel Map Generator可获取地图，对地图进行解释说明，根据需求添加坐标和线条注记，并对不同的地区设置不同配色，最重要的是能够将地图像素化，无论作为行程规划还是作为普通地图展示，其效果都非常好。Pixel Map GeneratorPixel Map Gene...