ECharts 支持 geoJson 格式的地图,并且官网上提供了现成的 world,china 及全国34个省市自治区地图的下载。这篇文章中我们将会讲解如何使用 ECharts 实现一个中国地图上绘制的散点图。 一、初始准备 1. 新建html 首先,新建项目目录 echartsMapDemo,在其中新建一个 html 文件 index.html。 echartsM...
var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: 'iphone销量', subtext: '测试数据', x: 'center' }, tooltip: { trigger: 'item' }, legend: { orient: 'vertical', x: 'left', data: ['iphone3', 'iphone4', 'iphone5','iphone6',...
map: 'tongren', // 地图类型。echarts-gl 中使用的地图类型同 geo 组件相同(ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后手动注册。) // 环境贴图,支持純颜色值,渐变色,全景贴图的 url。...
<!-- 为ECharts准备一个具备大小(宽高)的Dom --> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var data1 = [ [28,27,'第一个','餐饮'], [10,185,'第二个','餐饮'], [11,39,'第三个','餐饮...
ECharts 作为国内应用最广泛的前端可视化生成工具,提供了丰富的图表展现方式和便捷的图表操作。 ECharts 支持 geoJson 格式的地图,并且官网上提供了现成的 world,china 及全国34个省市自治区地图的下载。这篇文章中我们将会讲解如何使用 ECharts 实现一个中国地图上绘制的散点图。
echarts 地图图 效果如下图: 1、下载echarts对应包: http://echarts.baidu.com/ 2、前端页面: <!DOCTYPE html>
map: 'tongren', // 地图类型。echarts-gl 中使用的地图类型同 geo 组件相同(ECharts 中提供了两种格式的地图数据,一种是可以直接 script 标签引入的 js 文件,引入后会自动注册地图名字和数据。还有一种是 JSON 文件,需要通过 AJAX 异步加载后手动注册。) ...