xingchen678的博客

直接上代码： <template> <div id="jqfbid" style="height: 100%; width: 100%"></div> </template> <script> // 引入34个省份文件 import myecharts from "echarts"; import anhui from "echarts/map/json/province/anhui.json"; import aomen from "echa

赞找其他博客： https://blog.youkuaiyun.com/programarqin/article/details/103684178

yAxis:[ { show:isshow, name:"", //nameLocation:'start', nameTextStyle:{ color:"#B9C9DE",//单位字体颜色 fontSize:setFontSize(10), }, //t...

//建议加上以下这一行代码，不加的效果图如下（当浏览器窗口缩小的时候）。超过了div的界限（红色边框） window.addEventListener('resize',function(){ myChart.resize() });

echarts需要的市区县的json文件，找了好久，找到了2个地址， 一个自定义区域，可以自己画的， 一个是选择省市区县，会下载的， geoJson和json文件内容一样，后缀可以变更。 可以自定义画区域的经纬度（会生成json文件）： http://geojson.io/#map=2/20.0/0.0 下属行政区查询，省，市区县的json文件 https://hx...

首先安装echarts npm install echarts --save 然后再main.js中引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 在需要使用的vue组件中，就可以使用this.$echarts调用echarts的方法， 下面是文件的所有代码，直接引用就能显示， &l...

图片： 直接复制下面代码到文件，即可显示： index.vue <style lang="less"> .o-echarts { min-width: 30px; min-height: 30px; width: 100%; height: 100%; } </style> <template> <div :id="id" cl...

首先安装echarts npm install echarts --save 1 然后再main.js中引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 在需要使用的vue组件中，就可以使用this.$echarts调用echarts的方法 接下来注册地图 //引入地图离线文件 import sich...

项目源码附js/json地图数据（下载项目源码后请使用Npm install 来安装相关依赖） 效果 使用前请使用npm(cnpm)安装echarts，详情见官网。 本文作为笔记demo只引入5个省(市)，根据需求可以引入更多。 main.js // The Vue build version to load with the `import` command // (runtime-on...