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

Question

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

我浏览了文档但找不到任何东西。网格也不起作用。

考虑这个例子：

ECharts 上的馅饼甜甜圈

如何将图表向右移动，同时保持图例不变？

Answer 1

在选项系列中设置中心：

\n\n

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

\n\n

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

\n\n

app.title = \'\xe7\x8e\xaf\xe5\xbd\xa2\xe5\x9b\xbe\';\n\noption = {\n    tooltip: {\n        trigger: \'item\',\n        formatter: "{a} <br/>{b}: {c} ({d}%)"\n    },\n    legend: {\n        orient: \'vertical\',\n        x: \'left\',\n        data:[\'\xe7\x9b\xb4\xe6\x8e\xa5\xe8\xae\xbf\xe9\x97\xae\',\'\xe9\x82\xae\xe4\xbb\xb6\xe8\x90\xa5\xe9\x94\x80\',\'\xe8\x81\x94\xe7\x9b\x9f\xe5\xb9\xbf\xe5\x91\x8a\',\'\xe8\xa7\x86\xe9\xa2\x91\xe5\xb9\xbf\xe5\x91\x8a\',\'\xe6\x90\x9c\xe7\xb4\xa2\xe5\xbc\x95\xe6\x93\x8e\']\n    },\n    series: [\n        {\n            name:\'\xe8\xae\xbf\xe9\x97\xae\xe6\x9d\xa5\xe6\xba\x90\',\n            type:\'pie\',\n            radius: [\'50%\', \'70%\'],\n            avoidLabelOverlap: false,\n            label: {\n                normal: {\n                    show: false,\n                    position: \'center\'\n                },\n                emphasis: {\n                    show: true,\n                    textStyle: {\n                        fontSize: \'30\',\n                        fontWeight: \'bold\'\n                    }\n                }\n            },\n            labelLine: {\n                normal: {\n                    show: false\n                }\n            },\n            data:[\n                {value:335, name:\'\xe7\x9b\xb4\xe6\x8e\xa5\xe8\xae\xbf\xe9\x97\xae\'},\n                {value:310, name:\'\xe9\x82\xae\xe4\xbb\xb6\xe8\x90\xa5\xe9\x94\x80\'},\n                {value:234, name:\'\xe8\x81\x94\xe7\x9b\x9f\xe5\xb9\xbf\xe5\x91\x8a\'},\n                {value:135, name:\'\xe8\xa7\x86\xe9\xa2\x91\xe5\xb9\xbf\xe5\x91\x8a\'},\n                {value:1548, name:\'\xe6\x90\x9c\xe7\xb4\xa2\xe5\xbc\x95\xe6\x93\x8e\'}\n            ],\n            center: [\'60%\', \'50%\']\n        }\n    ]\n};\n

\n