有没有办法在echarts中将图表分别放在画布和图例上?

时间:2019-04-24 15:06:21

标签: javascript charts echarts

我正在尝试放置饼图并将其从原始呈现的位置向右移一点。我只想移动图表,而不移动图例。有办法吗?

我浏览了文档,找不到任何东西。网格也无法正常工作。

考虑此示例:

Pie Doughnut on ECharts

如何在将图例保持在原位置的同时将图表向右移动?

1 个答案:

答案 0 :(得分:1)

在选项系列中设置中心:

center: ['75%', '50%']

完整的代码从您发布的网址转移到了

app.title = '环形图';

option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        x: 'left',
        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ],
            center: ['60%', '50%']
        }
    ]
};