echarts 地 ECharts地表应用

echarts 地

Echarts 地图是一款基于 JavaScript 的开源可视化库，它可以帮助用户快速创建地理空间数据可视化图表。它的特点是易于使用，可以快速创建出丰富多彩的地图，并且可以根据用户的需要进行定制。

Echarts 地图有很多优点，首先，它能够快速生成出丰富多彩的地图，而且还能根据用户的需要进行定制。其次，Echarts 地图提供了一系列强大的功能，如地理信息数据可视化、地理信息数据分析、地理信息数据应用等。此外，Echarts 地图还具有良好的扩展性和可维护性，能够根据不同的需要进行扩展和定制。

// 使用 Echarts 画出中国地图
var myChart = echarts.init(document.getElementById('main'));
var option = {
    title: {
        text: '中国地图',
        subtext: 'data from www.chinamap.com',
        sublink: 'http://www.chinamap.com'
    },
    tooltip : {},  // 提示工具条 

    series : [{  // 散点数据 

        type: 'map',   // 这里是 map 类型 

        mapType: 'china',   // 这里是中国地图

        roam: true,   // 是否开启鼠标缩小/放大功能

        label:{   // 标注文字样式 

            normal:{   // 非高亮时文字样式 

                show:true,   // 是否显示文字 

                color:'#000'   // 文字颜色 

            }, 

            emphasis:{   // 高亮时文字样式 

                show:true,   // 是否显示文字 

                color:'#f00'   // 文字颜色 

            }    

        },    

        itemStyle:{    // 元素样式 （即将废弃）     

            normal:{    // 非高亮时样式     

                borderWidth:1,     // 边留宽度     

                borderColor:'#000'     // 边留颜色     

            },    

            emphasis:{    // 高亮时样式     

                borderWidth:2,     // 边留宽度     

                borderColor:'#f00'     // 边留颜色     

            }    																                                                                                                                                                                         }         }] }; myChart.setOption(option); 

ECharts地图图表应用

dispatchAction({
    type: 'mapSelect',
    // 可选，系列 index，可以是一个数组指定多个系列
    seriesIndex?: number|Array,
    // 可选，系列名称，可以是一个数组指定多个系列
    seriesName?: string|Array,
    // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据
    dataIndex?: number,
    // 可选，数据名称，在有 dataIndex 的时候忽略
    name?: string
})

dispatchAction({
    type: 'mapUnSelect',
    // 可选，系列 index，可以是一个数组指定多个系列
    seriesIndex?: number|Array,
    // 可选，系列名称，可以是一个数组指定多个系列
    seriesName?: string|Array,
    // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据
    dataIndex?: number,
    // 可选，数据名称，在有 dataIndex 的时候忽略
    name?: string
})

dispatchAction({
    type: 'mapToggleSelect',
    // 可选，系列 index，可以是一个数组指定多个系列
    seriesIndex?: number|Array,
    // 可选，系列名称，可以是一个数组指定多个系列
    seriesName?: string|Array,
    // 数据的 index，如果不指定也可以通过 name 属性根据名称指定数据
    dataIndex?: number,
    // 可选，数据名称，在有 dataIndex 的时候忽略
    name?: string
})