echarts的使用散点图说明

我根据http://weibo.com/ttarticle/p/show?id=2309403985903470163325

并没有出来百度的地图,具体做法如下:

1)<script src="../resource/js/statics/echarts/echarts.js?v=20160123" type="text/javascript"></script>

<script src="../resource/js/statics/echarts/esl.js?v=20160123" type="text/javascript"></script>
< script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxx"></script>
< script type="text/javascript" src="../resource/js/statics/echarts/extension/bmap.js?v=20160123"></script>

2)

var bmapChar = echarts.init(document.getElementById("map"));
var option = {
  title: {
       text: '全国主要城市空气质量 - 百度地图',
       subtext: 'data from PM25.in',
       sublink: 'http://www.pm25.in',
       left: 'center'
   },
bmap: {
       // 百度地图中心经纬度
       center: [120.13066322374, 30.240018034923],
       // 百度地图缩放
       zoom: 14,
       // 是否开启拖拽缩放,可以只设置 'scale' 或者 'move'
       roam: true,
       // 百度地图的自定义样式,见 http://developer.baidu.com/map/jsdevelop-11.htm
       mapStyle: {}
   }
};
bmapChar.setOption(option);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECharts是一种数据可视化表,用于展示不同数据点之间的分布和关系。要使用ECharts,需要以下几点: 1. 数据准备:首先需要准备要展示的数据,通常是以数组的形式存储的数据集合。每个数据点通常由横坐标和纵坐标确定。 2. 引入ECharts库:在HTML页面中引入ECharts库,可以通过CDN方式引入,也可以将其下载到本地后引入。 3. 创建DOM容器:在HTML中创建一个DOM容器,用于放置ECharts。 4. 初始化ECharts实例:通过调用ECharts提供的API,创建一个ECharts实例对象。这个实例对象是用于管理和操作表的主要对象。 5. 设置表配置项:通过调用ECharts提供的API,设置的配置项。配置项包括表的类型、标题、坐标轴、例等。 6. 填充数据:将准备好的数据填充到中,使用ECharts提供的API,将数据传递给实例对象。 7. 渲染表:通过调用ECharts提供的API,调用实例对象的渲染方法,将表渲染到之前创建的DOM容器中。 8. 样式美化:根据需要,可以通过调整配置项,修改点的样式、颜色、大小等,以及调整背景色、边框等表的样式。 9. 事件交互:可以通过监听ECharts提供的事件,实现与用户的交互。例如,当鼠标悬停在数据点上时,显示该点的详细信息。 10. 配置例:根据需要,可以通过设置例的位置、样式等,使其更加清晰地说明表的含义。 总之,使用ECharts需要准备数据、引入ECharts库、创建DOM容器、初始化实例、设置配置项、填充数据、渲染表、样式美化、事件交互以及配置例等步骤。通过这些步骤,可以方便地展示数据点的分布和关系。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值