Echarts的一些属性

最新推荐文章于 2024-10-29 17:13:57 发布

原创最新推荐文章于 2024-10-29 17:13:57 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Echarts #地图 #柱状图

前端专栏收录该内容

58 篇文章

订阅专栏

本文介绍了如何在ECharts中实现地图上的涟漪效果及去除柱状图中的网格线和中线，通过具体代码示例展示了这些特效和优化的具体配置方法。

1、地图设置涟漪效果
在这里插入图片描述
代码：

 series: [{
          name: '城市',
          type: 'effectScatter',
          coordinateSystem: 'geo',
          symbolSize: 15,  //设置显示的圆点大小
          legendHoverLink:true,
          data: [],
          rippleEffect:{  //涟漪特效相关配置。
            brushType: 'stroke'
          },
          hoverAnimation: true,
        }]

2、柱状图去掉网格以及中间的竖线
在这里插入图片描述

xAxis:[{
	splitLine:{  //坐标轴在 grid 区域中的分隔线
          show:false
        },
    tooltip:{
    axisPointer: {   //悬停时不显示中线
      type:'none'
    }
  }
}]

具体请参考:Echarts官网