echarts地图地市名称简写

         在ECharts中,想要显示地市名称的简写,可以在数据中直接提供简写形式,并在tooltip或者label中使用formatter属性来自定义显示格式。

var myChart = echarts.init(document.getElementById('main'));
 
var data = [
    {name: '北京', value: 100},
    {name: '上海', value: 200},
    {name: '广州', value: 150},
    // ... 其他城市
];
 
myChart.setOption({
    series: [
        {
            type: 'map',
            map: 'china', // 中国地图,确保已经引入中国地图的geoJSON数据
            data: data,
            label: {
                show: true,
                formatter: function (params) {
                    // 假设简写规则是去掉最后一个字
                    var shortName = params.name.substring(0, params.name.length - 1);
                    return shortName ;
                }
            },
            tooltip: {
                trigger: 'item',
                formatter: function (params) {
                    // 假设简写规则是去掉最后一个字
                    var shortName = params.name.substring(0, params.name.length - 1);
                    return shortName;
                }
            }
        }
    ]
});

       上述代码中,formatter函数被用来生成地市的简写名称。在实际应用中,需要根据实际的简写规则来定义这个函数。

        请注意,为了使地图显示正常,需要确保已经加载了ECharts的中国地图数据。可以通过ECharts的官方网站下载中国地图的geoJSON数据,并在ECharts中通过echarts.registerMap注册。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值