echarts地图的一些参数

最新推荐文章于 2024-07-31 11:13:21 发布

watanaki

最新推荐文章于 2024-07-31 11:13:21 发布

阅读量1.9k

点赞数

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

本文链接：https://blog.csdn.net/Watanaki/article/details/112160351

版权

这篇博客介绍了echarts地图在使用过程中的一些关键参数，这些参数来源于官方地图案例，帮助读者理解并定制个性化地图展示。

摘要由CSDN通过智能技术生成

echarts地图的一些参数

参数来源于echarts官网的地图案例
https://echarts.apache.org/examples/zh/editor.html?c=map-HK

myChart.setOption(option = {
   
		// 标题
        title: {
   
        	// 标题文本
            text: '香港18区人口密度 （2011）',
            // 副标题文本
            subtext: '人口密度数据来自Wikipedia',
            // 副标题文本超链接
            sublink: 'http://zh.wikipedia.org/wiki/%E9%A6%99%E6%B8%AF%E8%A1%8C%E6%94%BF%E5%8D%80%E5%8A%83#cite_note-12'
        },
        // 提示工具，触发时显示详细数据
        tooltip: {
   
        	// 触发方式，item为数据项触发，axis为坐标系触发，none为什么都不触发
            trigger: 'item',
            // 显示的数据及格式，{b}为data里的name，{c}为data里的value，<br/>为换行
            formatter: '{b}<br/>{c} (p / km2)'
        },
        // 工具栏
        toolbox: {
   
        	// 是否显示工具栏
            show: true,
            // 布局朝向，vertical为纵向，horizontal为横向
            orient: 'vertical',
            // 距离左侧距离，也可用20px，20%
            left: 'right',
            // 距离顶部距离，也可用20px，20%
            top: 'center',
            // 配置项
            feature: {
   
            	// 数据视图工具，查看当前data里的数据和标题
                dataView: {
   
                	// 是否可以通过数据视图工具修改数据
                	readOnly: