echarts5.4.2版本分别设置两个图表上方标题的位置

最新推荐文章于 2024-05-19 09:47:39 发布

原创最新推荐文章于 2024-05-19 09:47:39 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

js 同时被 2 个专栏收录

45 篇文章

订阅专栏

html

27 篇文章

订阅专栏

博客涉及前端开发，重点提及JavaScript这一开发语言，但具体内容未给出。

option1: {
                title:[  
                    {  // 设置第一个图表标题
                        show: true,  
                        text:'标题一',  
                        left: 'left',   // 设置为 'center' 使得标题在饼图上方  
                        top: '0%',       // 调整此值改变标题与饼图的距离  
                    },
                    {  // 设置第二个图表标题
                        show: true,  
                        text:'标题二',  
                        right: '40%',   // 设置为 'center' 使得标题在饼图上方  
                        top: '0%',       // 调整此值改变标题与饼图的距离  
                    }  
                ],
                tooltip: {
                    trigger: 'item',
                    formatter: ''
                },
                legend: {
                    orient: 'horizontal',
                    bottom: 'bottom'
                },
                label:{
                    show:true,
                    position: 'inner',
                    formatter: '{b} ({d}%)'
                },
                series: [
                    {
                        name: '项目1',
                        type: 'pie',
                        center:['25%','50%'],
                        radius: ['0%', '50%'],
                        data: [],
                    },
                    {
                        name: '项目2',
                        type: 'pie',
                        center:['75%','50%'],
                        radius: ['0%', '50%'],
                        data: [],
                    }
                ]
            },