performance-test/src/assets/js/constants/echarts-config/sankeyDiagram.js

/*
 * @Author: your name
 * @Date: 2024-11-20 09:20:45
 * @LastEditTime: 2024-11-20 10:18:54
 * @LastEditors: bogon
 * @Description: In User Settings Edit
 * @FilePath: /performance-test/src/assets/js/constants/echarts-config/sankeyDiagram.js
 */
// 流图-sankeyDiagram
// 示例：风能转化过程的能量流 -流图用于分析风能利用效率及能量流失情况。
// 流图用于显示能量或资源在不同阶段的流动和分配。
export const option = {
  title: {
    text: "风能转化过程的能量流失情况",
  },
  tooltip: {
    trigger: "item",
    formatter: "{b}: {c}",
  },
  toolbox: {
    feature: {
      dataView: { show: true, readOnly: false },
      // magicType: { show: true, type: ["line", "bar"] },
      restore: { show: true },
      saveAsImage: { show: true },
    },
  },
  series: [
    {
      type: "sankey",
      layout: "none",
      emphasis: {
        focus: "adjacency",
      },
      data: [
        { name: "风能" },
        { name: "风轮" },
        { name: "发电机" },
        { name: "电网" },
        { name: "损耗" },
      ],
      links: [
        { source: "风能", target: "风轮", value: 100 },
        { source: "风轮", target: "发电机", value: 70 },
        { source: "发电机", target: "电网", value: 60 },
        { source: "风轮", target: "损耗", value: 30 },
        { source: "发电机", target: "损耗", value: 10 },
      ],
      lineStyle: {
        color: "gradient",
        curveness: 0.5,
      },
      label: {
        color: "#333",
      },
    },
  ],
};