RT_Table_NTC.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>RT Table NTC</title>
  7. <link rel="stylesheet" href="./styles.css">
  8. </head>
  9. <body>
  10. <header>
  11. <h1>RT Table Generator</h1>
  12. <ul class="nav-tabs">
  13. <li><a href="./RT_Table_NTC.html" class="active">NTC</a></li>
  14. <li><a href="./RT_Table_PT100.html">PT100</a></li>
  15. <li><a href="./RT_Table_PT1000.html">PT1000</a></li>
  16. <li><a href="./VT_Table_TJ.html">Thermocouple</a></li>
  17. <li><a href="./RT_Table_Import.html">Import Data</a></li>
  18. </ul>
  19. </header>
  20. <div class="container">
  21. <section>
  22. <h2 class="section-title">NTC Thermistor RT Table Generator</h2>
  23. <!-- 计算公式展示 -->
  24. <div class="formula">
  25. <p>The Steinhart-Hart Equation:</p>
  26. <div class="highlight">
  27. 1/T = A + B × ln(R) + C × [ln(R)]³
  28. </div>
  29. <p>Where:</p>
  30. <ul style="text-align: left; margin: 10px auto; display: inline-block;">
  31. <li>T = Temperature in Kelvin</li>
  32. <li>R = Thermistor resistance at temperature T (Ω)</li>
  33. <li>A, B, C = Steinhart-Hart coefficients</li>
  34. </ul>
  35. <p>For simplified B-parameter equation:</p>
  36. <div class="highlight">
  37. R = R₀ × exp[B × (1/T - 1/T₀)]
  38. </div>
  39. <p>Where:</p>
  40. <ul style="text-align: left; margin: 10px auto; display: inline-block;">
  41. <li>R₀ = Resistance at reference temperature T₀ (e.g., 10,000 Ω at 25°C)</li>
  42. <li>B = B-value constant (e.g., 3950)</li>
  43. <li>T = Temperature in Kelvin (K)</li>
  44. <li>T₀ = Reference temperature in Kelvin (298.15 K for 25°C)</li>
  45. </ul>
  46. </div>
  47. </section>
  48. <section>
  49. <h2 class="section-title">Parameters</h2>
  50. <!-- 参数设置 -->
  51. <div>
  52. <table class="params-table">
  53. <tr>
  54. <td>
  55. <label for="param_T_min">Temperature Min (°C):</label>
  56. </td>
  57. <td>
  58. <input type="number" id="param_T_min" name="param_T_min" value="-40" class="tableInput">
  59. </td>
  60. </tr>
  61. <tr>
  62. <td>
  63. <label for="param_T_max">Temperature Max (°C):</label>
  64. </td>
  65. <td>
  66. <input type="number" id="param_T_max" name="param_T_max" value="125" class="tableInput">
  67. </td>
  68. </tr>
  69. <tr>
  70. <td>
  71. <label for="param_step">Temperature Step (°C):</label>
  72. </td>
  73. <td>
  74. <input type="number" id="param_step" name="param_step" value="1" class="tableInput">
  75. </td>
  76. </tr>
  77. <tr>
  78. <td>
  79. <label for="param_B">B Value (25-50°C):</label>
  80. </td>
  81. <td>
  82. <input type="number" id="param_B" name="param_B" value="3950" class="tableInput">
  83. </td>
  84. </tr>
  85. <tr>
  86. <td>
  87. <label for="param_R0">R₀ Value (Ω):</label>
  88. </td>
  89. <td>
  90. <input type="number" id="param_R0" name="param_R0" value="10000" class="tableInput">
  91. </td>
  92. </tr>
  93. <tr>
  94. <td>
  95. <label for="param_T0">T₀ Value (°C):</label>
  96. </td>
  97. <td>
  98. <input type="number" id="param_T0" name="param_T0" value="25" class="tableInput">
  99. </td>
  100. </tr>
  101. <tr>
  102. <td colspan="2">
  103. <button onclick="updateValue()">Generate Table</button>
  104. </td>
  105. </tr>
  106. </table>
  107. </div>
  108. </section>
  109. <section>
  110. <h2 class="section-title">Results</h2>
  111. <!-- 动态生成的表格 -->
  112. <div style="max-height: 400px; overflow-y: auto; margin-bottom: 20px;">
  113. <table id="rtTable">
  114. <thead>
  115. <tr>
  116. <th>Temperature (°C)</th>
  117. <th>Resistance (Ω)</th>
  118. </tr>
  119. </thead>
  120. <tbody>
  121. <!-- 数据将通过JavaScript动态插入 -->
  122. </tbody>
  123. </table>
  124. </div>
  125. <!-- JSON 数据文本框 -->
  126. <h3>JSON Data</h3>
  127. <textarea id="jsonData" readonly></textarea>
  128. <!-- C语言数组文本框 -->
  129. <h3>C Language Arrays</h3>
  130. <textarea id="cArrayData" readonly></textarea>
  131. </section>
  132. </div>
  133. <script>
  134. var param_T_min = parseFloat(document.getElementById("param_T_min").value);
  135. var param_T_max = parseFloat(document.getElementById("param_T_max").value);
  136. var param_step = parseFloat(document.getElementById("param_step").value);
  137. var param_B = parseFloat(document.getElementById("param_B").value);
  138. var param_R0 = parseFloat(document.getElementById("param_R0").value);
  139. var param_T0 = parseFloat(document.getElementById("param_T0").value);
  140. // 生成 NTC10K B3950 RT 表
  141. function generateNTC10KTable(param_T_min, param_T_max, param_step, R0, B, T0) {
  142. const table = [];
  143. for (let T = param_T_min; T <= param_T_max; T += param_step) {
  144. const Tk = T + 273.15; // 转换为 Kelvin
  145. const R = R0 * Math.exp(B * (1 / Tk - 1 / T0)); // NTC 电阻公式
  146. table.push({ temperature: T, resistance: R });
  147. }
  148. return table;
  149. }
  150. // 显示 RT 表到 HTML 表格
  151. function displayTable(data) {
  152. const tbody = document.getElementById("rtTable").querySelector("tbody");
  153. tbody.innerHTML = ""; // 清空表格内容
  154. data.forEach(row => {
  155. const tr = document.createElement("tr");
  156. tr.innerHTML = `<td>${row.temperature}</td><td>${row.resistance}</td>`;
  157. tbody.appendChild(tr);
  158. });
  159. }
  160. // 显示 JSON 数据到文本框
  161. function displayJsonData(data) {
  162. const jsonData = JSON.stringify(data, null, 4); // 格式化JSON
  163. const textarea = document.getElementById("jsonData");
  164. textarea.value = jsonData;
  165. }
  166. // 显示 C 语言数组到文本框
  167. function displayCArrayData(data) {
  168. const temperatures = data.map(row => row.temperature); // 提取温度值
  169. const resistances = data.map(row => row.resistance); // 提取电阻值
  170. var resVal = param_R0;
  171. if (param_R0 >= 1e6) {
  172. resVal = Math.round(param_R0 / 1e6) + 'M';
  173. }
  174. else if (param_R0 >= 1e3) {
  175. resVal = Math.round(param_R0 / 1e3) + 'K';
  176. }
  177. var prefix = (param_T_min < 0 ? 'N' : 'P') + Math.abs(param_T_min).toString() + 'to' + (param_T_max < 0 ? 'N' : 'P') + Math.abs(param_T_max).toString() + '_' + param_step.toString();
  178. const cArrayTempSize = `const uint16_t RT_table_NTC${resVal}_B${param_B}_${prefix}_size = ${temperatures.length};`;
  179. const cArrayTemp = `const double RT_table_NTC${resVal}_B${param_B}_${prefix}_T[${temperatures.length}] = { ${temperatures.join(", ")} };`;
  180. const cArrayRes = `const double RT_table_NTC${resVal}_B${param_B}_${prefix}_R[${resistances.length}] = { ${resistances.join(", ")} };`;
  181. const textarea = document.getElementById("cArrayData");
  182. textarea.value = `${cArrayTempSize}\n\n${cArrayTemp}\n\n${cArrayRes}`;
  183. }
  184. // 使用设置参数更新值
  185. function updateValue() {
  186. param_T_min = parseFloat(document.getElementById("param_T_min").value);
  187. param_T_max = parseFloat(document.getElementById("param_T_max").value);
  188. param_step = parseFloat(document.getElementById("param_step").value);
  189. param_B = parseFloat(document.getElementById("param_B").value);
  190. param_R0 = parseFloat(document.getElementById("param_R0").value);
  191. param_T0 = parseFloat(document.getElementById("param_T0").value) + 273.15; // 转为 Kelvin
  192. // 生成 RT 表数据
  193. const rtData = generateNTC10KTable(param_T_min, param_T_max, param_step, param_R0, param_B, param_T0);
  194. // 显示数据
  195. displayTable(rtData); // 显示表格
  196. displayJsonData(rtData); // 显示JSON数据
  197. displayCArrayData(rtData); // 显示C语言数组数据
  198. }
  199. updateValue();
  200. </script>
  201. </body>
  202. </html>