Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有办法将图表和图例分别放置在画布上?_Javascript_Charts_Echarts - Fatal编程技术网

Javascript 是否有办法将图表和图例分别放置在画布上?

Javascript 是否有办法将图表和图例分别放置在画布上?,javascript,charts,echarts,Javascript,Charts,Echarts,我正在尝试定位饼图,并将其从最初渲染的位置向右移动一点。我只想移动图表,不想移动图例。我有办法做到吗 我查阅了文件,什么也没找到。电网也不能正常工作 考虑到这个例子: 如何将图表向右移动,同时将图例保持在原来的位置?在选项系列中设置中心: center: ['75%', '50%'] 其完整代码从您发布的url转移: app.title = '环形图'; option = { tooltip: { trigger: 'item', formatter

我正在尝试定位饼图,并将其从最初渲染的位置向右移动一点。我只想移动图表,不想移动图例。我有办法做到吗

我查阅了文件,什么也没找到。电网也不能正常工作

考虑到这个例子:


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

在选项系列中设置中心:

center: ['75%', '50%']
其完整代码从您发布的url转移:

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%']
        }
    ]
};
app.title='1环形图';
选项={
工具提示:{
触发器:'item',
格式化程序:{a}
{b}:{c}({d}%)“ }, 图例:{ 方向:'垂直', x:'左', 数据:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎'] }, 系列:[ { 姓名:'访问来源', 类型:'pie', 半径:['50%,'70%'], avoidLabelOverlap:错误, 标签:{ 正常:{ 秀:假,, 位置:'中心' }, 重点:{ 秀:没错, 文本样式:{ 字体大小:“30”, fontWeight:“粗体” } } }, 拉贝林:{ 正常:{ 节目:假 } }, 数据:[ {值:335,名称:'直接访问'}, {值:310,名称:'邮件营销'}, {值:234,名称:'联盟广告'}, {值:135,名称:'视频广告'}, {值:1548,名称:'搜索引擎'} ], 中心:['60%,'50%'] } ] };