echarts绘制多边形,echarts多层环形图,echarts多图表布局,echarts多个图例,echarts多y轴,echarts 多图表
ECharts graphic组件用于绘制一些简单的图形元素，例如圆形、矩形和多边形等。在配置多边形元素时，可以设置以下几个基本属性：

1. type：表示图形元素的类型，对于多边形元素，其值为 'polygon'。
2. shape：表示图形元素的形状，对于多边形元素，需要指定其各个顶点的坐标数组。例如：shape: {points: [[10, 10], [20, 30], [30, 5]]} 表示由三个顶点分别位于 (10, 10)、(20, 30) 和 (30, 5) 处的多边形。
3. style：表示图形元素的样式，包括填充色、描边颜色、线宽等。例如，可以设置 style: {fill: 'blue', stroke: 'red', lineWidth: 2} 来使多边形填充蓝色，描边红色，且线宽为 2。

下面是一个示例，展示了如何在 ECharts 中配置一个具有多边形元素的图形：

javascript
option = {
graphic: [{
type: 'polygon',
left: 50,
top: 50,
shape: {
points: [[10, 10], [20, 30], [30, 5]]
},
style: {
fill: 'blue',
stroke: 'red',
lineWidth: 2
}
}]
};


这个例子中，我们创建了一个多边形元素，其顶点分别位于 (10, 10)、(20, 30) 和 (30, 5) 处，填充色为蓝色，描边颜色为红色，且线宽为 2。这个元素的左上角坐标为 (50, 50)。