使用Examples编写中国地图——使用Examples写地图——js写地图

Cloud-Bamboo

已于 2022-11-09 11:41:30 修改

阅读量406

点赞数 1

分类专栏：前端基础文章标签： javascript echarts 前端

于 2022-11-09 00:33:59 首次发布

本文链接：https://blog.csdn.net/ytfty24124/article/details/127761361

版权

人的一生都会扮演很多角色，如果你不高兴，你可以把剧本扔了。不过记住，有一份剧本是真正属于你的，千万别丢错了。

使用Examples编写中国地图

html使用Examplaes
vuecli/脚手架常见命令
总结

html使用Examplaes

第一步导入examples.js文件，官网奉上examples，在快速入门中下载使用

第二步导入chan.js ——地址奉上百度网盘提取码: cxmv

封装函数——谁用谁知道

html

<div id="optionChinaDiv" style="width: 100%;height: 80%;z-index: 5;"></div>

javascript

  //中国地图
  var chinaMapChart = echarts.init(document.getElementById('optionChinaDiv'));
  // 暂时使用随机数
  function randomData () {
   
    return Math.round(Math.random() * 500);
  }
 function funMap (
    list = [
      {
    name: '北京', value: randomData() }, {
    name: '天津', value: randomData() },
      {
    name: '上海', value: randomData() }, {
    name: '重庆', value: randomData() },
      {
    name: '河北', value: randomData() }, {
    name: '河南', value: randomData() },
      {
    name: '云南',