Cp.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. /*
  2. * @Author: your name
  3. * @Date: 2024-11-19 16:22:48
  4. * @LastEditTime: 2024-11-22 14:43:53
  5. * @LastEditors: bogon
  6. * @Description: In User Settings Edit
  7. * @FilePath: /performance-test/src/assets/js/constants/echarts-config/Cp.js
  8. */
  9. // 风能利用系数图 散点折线图
  10. // 用途:分析风能利用系数(Cp)与风速或叶尖速比的关系。
  11. // 适用场景:风机效率优化。
  12. export const option = {
  13. title: {
  14. text: "风速与功率输出对比",
  15. },
  16. xAxis: {
  17. type: "category",
  18. scale: true,
  19. axisLabel: {
  20. show: true,
  21. interval: "auto",
  22. // formatter: "{value} m/s", // 风速单位:m/s
  23. },
  24. show: true,
  25. name: "风速(m/s)",
  26. },
  27. yAxis: {
  28. type: "value",
  29. scale: true,
  30. axisLabel: {
  31. show: true,
  32. interval: "auto",
  33. formatter: "{value}", // 功率单位:kW
  34. },
  35. show: true,
  36. name: "功率输出(kW)",
  37. nameLocation: "center",
  38. nameTextStyle: {
  39. padding: [0, 0, 30, 0],
  40. },
  41. },
  42. grid: {
  43. left: "15%",
  44. right: "15%",
  45. bottom: "15%",
  46. top: "15%",
  47. containLabel: true,
  48. },
  49. legend: {
  50. top: "bottom",
  51. },
  52. toolbox: {
  53. feature: {
  54. dataView: { show: true, readOnly: false },
  55. magicType: { show: true, type: ["line", "bar"] },
  56. restore: { show: true },
  57. saveAsImage: { show: true },
  58. },
  59. },
  60. tooltip: {
  61. show: true,
  62. trigger: "axis",
  63. formatter: function (params) {
  64. let type = params[0].componentSubType;
  65. if (type === "scatter") {
  66. let index = params[0];
  67. return (
  68. "风机型号:  " +
  69. index.seriesName +
  70. "</br>" +
  71. "风速:&nbsp;" +
  72. index.data[0],
  73. "功率输出:&nbsp;&nbsp;" + index.data[1]
  74. );
  75. }
  76. },
  77. },
  78. series: [
  79. {
  80. name: "风机A(型号1)",
  81. type: "line",
  82. data: [
  83. [0, 0],
  84. [30, 120], // 假设风速为30 m/s时功率输出为120 kW
  85. ],
  86. lineStyle: { color: "#144464" }, // 折线颜色
  87. renderMode: "webgl", // 启用 WebGL 渲染
  88. },
  89. {
  90. name: "风机B(型号2)",
  91. type: "line",
  92. data: [
  93. [0, 0],
  94. [30, 100], // 假设风速为30 m/s时功率输出为100 kW
  95. ],
  96. lineStyle: { color: "#e4641c" }, // 折线颜色
  97. renderMode: "webgl", // 启用 WebGL 渲染
  98. },
  99. {
  100. name: "风机A 散点",
  101. symbolSize: 8,
  102. color: "#348ccc",
  103. data: [
  104. [3, 2], // 风速为3 m/s时的功率输出为2 kW
  105. [6, 5], // 风速为6 m/s时的功率输出为5 kW
  106. [9, 12], // 风速为9 m/s时的功率输出为12 kW
  107. [15, 35], // 风速为15 m/s时的功率输出为35 kW
  108. [18, 60], // 风速为18 m/s时的功率输出为60 kW
  109. ],
  110. type: "scatter",
  111. renderMode: "webgl", // 启用 WebGL 渲染
  112. },
  113. {
  114. name: "风机B 散点",
  115. symbolSize: 10,
  116. color: "#e4bc2c",
  117. data: [
  118. [4, 3], // 风速为4 m/s时的功率输出为3 kW
  119. [8, 8], // 风速为8 m/s时的功率输出为8 kW
  120. [12, 20], // 风速为12 m/s时的功率输出为20 kW
  121. [16, 50], // 风速为16 m/s时的功率输出为50 kW
  122. [20, 80], // 风速为20 m/s时的功率输出为80 kW
  123. ],
  124. type: "scatter",
  125. renderMode: "webgl", // 启用 WebGL 渲染
  126. },
  127. ],
  128. };