Advertisement

使用VUE与echarts结合用于中国省份地图展示

阅读量：

对项目中基于Vue框架集成ECharts地图的实施流程与最终呈现效果进行归纳总结

前提条件

在main.js文件中实现对echarts库的全局引用

复制代码 
    import 'echarts/map/js/china'
    import china from 'echarts/map/json/china.json'
    echarts.registerMap('china', china)
    Vue.prototype.$echarts = echarts

省份地图文件

在这里插入图片描述

具体实现

在相应页面上达成的呈现效果

复制代码 
    <template>
      <div>
    <div ref="mapOption" style="height:600px;width:600px;background: #eee" ></div>
    <div id="myChartChina" :style="{width: '100

全部评论 (0)

还没有任何评论哟~

相关文章推荐