echarts 自定义节点形状

ECharts 提供了自定义节点形状的功能，可以通过自定义图形元素实现。具体步骤如下：

1. 使用 `echarts.graphic` 中的图形元素创建自定义节点形状。比如，可以通过 `echarts.graphic.Path` 创建一个自定义的路径形状。

2. 在 `series` 中设置节点的 `symbol` 为自定义的图形元素。比如，可以将 `symbol` 设置为一个由 `echarts.graphic.Path` 创建的图形元素。

以下是一个简单的示例代码：

// 创建一个自定义路径形状
var pathShape = new echarts.graphic.Path({
  shape: {
    pathData: 'M 0,0 L 20,0 L 10,20 z', // 定义路径
    x: -10, // 定义路径的中心点
    y: -10,
    width: 20, // 定义路径的宽度和高度
    height: 20
  },
  style: {
    fill: 'blue'
  }
});

// 设置节点的 symbol 为自定义路径形状
option = {
  series: [{
    type: 'graph',
    data: [{
      name: 'Node 1',
      x: 100,
      y: 100
    }, {
      name: 'Node 2',
      x: 200,
      y: 200
    }],
    links: [{
      source: 'Node 1',
      target: 'Node 2'
    }],
    symbol: pathShape // 设置节点的 symbol 为自定义路径形状
  }]
};

上述示例代码中，我们使用 `echarts.graphic.Path` 创建了一个自定义的路径形状，并将节点的 `symbol` 设置为该路径形状。在实际应用中，我们可以根据需要创建不同的自定义图形元素，来实现不同样式的节点形状。