echarts map

最新推荐文章于 2024-08-05 05:00:00 发布

Claroja

最新推荐文章于 2024-08-05 05:00:00 发布

阅读量733

点赞数

分类专栏： echarts 文章标签：实例数据 dom

本文链接：https://blog.csdn.net/claroja/article/details/78864109

版权

echarts 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

var myChart = echarts.init(document.getElementById('main'));// 基于准备好的dom，初始化echarts实例
data1=[//自动将第一维度和第二维度数据映射为坐标
    [121.15,31.89,9],
    [109.781327,39.608266,12],
    ];
data2=[//添加了名称可以在地图上显示，这个常用
    {name: "海门", value: [121.15,31.89,9]},
    {name: "鄂尔多斯", value: [109.781327,39.608266,12]}
    ];
option = {
    geo: {
        map: 'china',//声明用哪一张地图
    },
    series: [
        {
            type: 'scatter',
            coordinateSystem: 'geo',//声明坐标系
            data: data2,
        }
    ]
}
myChart.setOption(option);// 使用刚指定的配置项和数据显示图表。

var myChart = echarts.init(document.getElementById('main'));// 基于准备好的dom，初始化echarts实例
data1=[//自动将第一维度和第二维度数据映射为坐标
    [121.15,31.89,9],
    [109.781327,39.608266,12],
    ];
data2=[//添加了名称可以在地图上显示，这个常用
    {name: "海门", value: [121.15,31.89,9]},
    {name: "鄂尔多斯", value: [109.781327,39.608266,12]}
    ];
option = {
    bmap: {
        center: [104.114129, 37.550339],
    },
    series: [
        {
            type: 'scatter',
            coordinateSystem: 'bmap',//声明坐标系
            data: data2,
        }
    ]
};
myChart.setOption(option);// 使用刚指定的配置项和数据显示图表