wallace_yang的博客

$("#echartsContent").removeAttr("_echarts_instance_").empty();//清空echarts画布 var myChart = echarts.init(document.getElementById('echartsContent')); myChart.setOption(option);

echarts配置项图文介绍——xAxis本文仅用于个人学习笔记，文中出现错误或不恰当请在评论区指出。本文仅介绍稍有难度的配置项，极其简单易懂的配置项请自行移步官网查阅文档。一、用途直角坐标系 grid 中的 x 轴，单个grid支持多个x轴。二、配置项1.gridIndex：x 轴所在的 grid 的索引，默认位于第一个 grid。例如：当grid（直角坐标系）有多个时，使用该配置项表明当前x轴对应的是哪个grid组件。2.nameLocation ：坐标轴名称显示位置。 &nb

echarts配置项图文介绍——grid一.用途grid组件用于决定直角坐标系内绘图网格的位置，ECharts 3 及其以上允许存在多个grid，代码如下二.配置项介绍（只介绍稍有复杂的配置项，其余请自行移步官网查看文档）1.containLabel：grid 区域是否包含坐标轴的刻度标签。（用于避免坐标轴上名称过长导致溢出现象）2.backgroundColor ：网格背景色，默认透明。3.tooltip:本坐标系特定的 tooltip 设定。(鼠标移动到坐标轴上触发的提示如下图)(1

ff

echarts 配置项解析——title1.用途：echarts的标题配置项，如下图所示，支持标题与副标题，并且均支持点击跳转。2.复杂配置项用法解析注：多数配置项文档解释非常详尽，在此不再赘述，如果您尚未接触过echarts，请移步官方文档。(1).link、sublink：表示标题与副标题的跳转链接。(2).target 、subtarget：‘self’ 当前窗口打开，‘blank’ 新窗口打开。(3).itemGap:主副标题之间的间距。3.title的配置项实在没啥写…都挺简单

echarts 自定义修改geojson地图文件首先贴两个非常有用的地图网站地图下载网站：http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5可以下载精确到县区的geojson格式地图文件(地图更新有一定迟滞性，新成立的区可能没有标注需要自己用下面那个网站修改)自定义修改地图网站：http://geojson.io/#map=2/20.0/0.0

**echarts地图简单使用方法 （geojson格式/json格式）**首先贴两个非常有用的地图网站地图下载网站：http://datav.aliyun.com/tools/atlas/#可以下载精确到县区的geojson格式地图文件(地图更新有一定迟滞性，新成立的区可能没有标注需要自己用下面那个网站修改)自定义修改地图网站：http://ghttp://datav.aliyun.com/tools/atlas/简单使用1.引入echarts不多赘述，但要注意echarts5以后引入方式