Echarts 实现label富文本

最新推荐文章于 2024-06-12 15:24:39 发布

Crazy高

最新推荐文章于 2024-06-12 15:24:39 发布

阅读量3.7k

点赞数 1

分类专栏： html web前端 js jQuery

本文链接：https://blog.csdn.net/fancky58/article/details/81813135

版权

web前端同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

html

4 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

{
                        name: '气泡1',
                        type: 'scatter',
                        coordinateSystem: 'geo',
                        symbol: 'rect',
                        symbolSize: [80, 20],
                        symbolOffset: [0, '-100%'],
                        zlevel: 6,
                        animation: true,
                        label: {
                            normal: {
                                show: true,
                                textStyle: {
                                    color: '#000',
                                    fontSize: 9,
                                }, 
                                formatter: function(params) {
                                    return '{a|' + params.value[2] + '}' + '/ {b|50} / {x|80}';
                                },
                                rich: {
                                    a: {color: '#000'},
                                    b: {color: 'red'},
                                    x: {
                                        color: 'green'
                                    }
                                }

                            }
                        },
                        itemStyle: {
                            normal: {
                                color: '#fff', //标志颜色
                                borderWidth: 1,
                                borderColor: '#333'
                            }
                        },
                        tooltip: {
                            position: 'bottom',
                            formatter: function(params) {
                                var toolTiphtml = '';
                                //打印log查看params的对象属性
                                toolTiphtml += params.name + ": <br>" + params.value[2];
                                toolTiphtml += '(数量/个)';
                                return toolTiphtml;
                            },
                            backgroundColor: '#F08080',
                            textStyle: {
                                color: '#fff',
                                fontSize: 14
                            }
                        },
                        data: convertData1(data1)
                    }