今天花了一天的时间,用echart弄了一个效果,是从中国地图点进去身份并把改省份的数据渲染出来的效果,刚开始完全没有头绪,只能硬着头皮去看百度echart的api,和博客,看了半天,好家伙,终于给我找到了对应的案列,不多说,看代码,这里采用的是echart2的版本 <!DOCTYPE ...
这里使用的是ECharts ,因为用EChart 制作的地图上的省市文字标识会有重叠,推测是引入的地图文件china.js,绘制文字的坐标方面的问题,所以,这里还是使用老版本。 ECharts 需要require加载模块。html中只需要用script引入echarts.js即可。 具体代码如下: 文件结构如下: 效果如下: 点击四川或重庆,就会跳转到指定链接。 区块背景的颜色控制:itemSty ...
2016-08-01 17:12 13 32737 推荐指数:
今天花了一天的时间,用echart弄了一个效果,是从中国地图点进去身份并把改省份的数据渲染出来的效果,刚开始完全没有头绪,只能硬着头皮去看百度echart的api,和博客,看了半天,好家伙,终于给我找到了对应的案列,不多说,看代码,这里采用的是echart2的版本 <!DOCTYPE ...
今天突然想学习一下echarts制作图标,之前就用highcharts写过折线图、饼状图和柱状图。 第一步:去官网下载echarts的包:http://echarts.baidu.com/download.html 第二步:引入插件包:<script type="text ...
中国地图 四川地图 重庆地图 源码分享: https://github.com/livelyPeng/ec-map ...
背景知识及应用简介 本文主要介绍一个使用ECharts地图组件的取巧方法,该技巧源于实际需求中遇到的问题,一般没有该需求的话这个技巧也是用不到的。有前端基础和以及对ECharts有了解的人基本可以读懂本文。 可能官方也提供过整体的地图库,但可能个人能力有限,并没有找到相关信息 ...
中国地图 项目地址和预览地址在下面 通过echarts实现,根据echarts官方文档进行DIY. 注意一定要导入china.js。不然会报红的。 这里就不展示代码片段了 项目地址:https://gitee.com/sunliusen ...
背景知识及应用简介 本文主要介绍一个使用ECharts地图组件的取巧方法,该技巧源于实际需求中遇到的问题,一般没有该需求的话这个技巧也是用不到的。有前端基础和以及对ECharts有了解的人基本可以读懂本文。 可能官方也提供过整体的地图库,但可能个人能力有限,并没有找到相关信息 ...
dataList () { // 初始化echarts实例 this.chinachart = echarts.init(document.getElementById('china_map ...
记录一下2020年2月10号在家办公的紧急需求,中国疫情地区数量分布图。 如下代码: ...