这篇文章主要介绍了在vue中使用echars实现上浮与下钻效果,本文分步骤给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
第一步:
在vue项目中安装echars
npm i echars -S
第二步:
main.js配置 这里是全局引入
//引入echars import echarts from 'echarts' Vue.prototype.$echarts = echarts
第三步
直接上代码
<div id="container"> <header>浙江省echars地图</header><div id="echarsMap"></div></div> #container { width: 100%; height: calc(100% - 78px); background-color: pink; #echarsMap { width: 80%; height: 80%; background-color: #000; margin: auto; } }
效果图
点击下一层本文来源gao@dai!ma.com搞$代^码!网7
总结
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
以上就是在vue中使用echars实现上浮与下钻效果的详细内容,更多请关注gaodaima搞代码网其它相关文章!