ehcarts旭日图,禁止某个节点点击

要禁止 eCharts 旭日图中的某个节点点击，可以在数据中为该节点添加一个特殊的字段，例如 `clickable: false`，然后在渲染图表时通过设置 `series.data` 中的 `itemStyle` 属性来控制该节点的样式和交互行为。具体实现可以参考以下示例代码：

option = {
  series: {
    type: 'sunburst',
    data: [
      {
        name: 'A',
        value: 10,
        children: [
          {
            name: 'A1',
            value: 5,
            clickable: false  // 禁止该节点点击
          },
          {
            name: 'A2',
            value: 3
          },
          {
            name: 'A3',
            value: 2
          }
        ]
      },
      {
        name: 'B',
        value: 8,
        children: [
          {
            name: 'B1',
            value: 4
          },
          {
            name: 'B2',
            value: 3
          },
          {
            name: 'B3',
            value: 1
          }
        ]
      }
    ],
    itemStyle: {
      // 设置节点点击事件
      // 如果 clickable 字段为 false，则禁止节点点击
      borderColor: '#fff',
      borderWidth: 2,
      gapWidth: 2,
      emphasis: {
        borderWidth: 0,
        shadowBlur: 20,
        shadowOffsetX: 0,
        shadowOffsetY: 0,
        shadowColor: 'rgba(0, 0, 0, 0.5)'
      },
      color: function(params) {
        if (params.data.clickable === false) {
          return '#ccc';
        } else {
          return params.color;
        }
      }
    },
    label: {
      // 设置节点标签样式
      formatter: '{b}',
      fontSize: 14,
      color: '#000'
    }
  }
};

在上述代码中，我们为节点 A1 添加了 `clickable: false` 属性，然后在 `itemStyle` 中通过判断该属性来控制节点的样式和交互行为。具体来说，我们在 `color` 函数中判断 `clickable` 是否为 false，如果是，则返回灰色，否则返回节点默认的颜色。这样就可以实现禁止某个节点点击的效果了。