echarts map

来源：互联网发布：mac如何输入emoji 编辑：程序博客网时间：2024/06/16 14:24

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);// 使用刚指定的配置项和数据显示图表

阅读全文

0 0