fix(web): show exact trend values and integer axis ticks

reaction_board/web/static/charts.js

@@ -1,4 +1,4 @@
-import { formatAxis, formatCount, formatDay } from "./format.js";
+import { formatAxis, formatDay, formatNumber } from "./format.js";
 
 const charts = new Map();
 let resizeObserver = null;
@@ -78,7 +78,7 @@ export function lineChart(element, { dates, values, name = "数值", color, scal
         if (!point) return "";
         const value = point.value;
         return `<strong>${point.axisValue}</strong><br>${name}：${
-          value === null || value === undefined ? "缺失" : formatCount(value)
+          value === null || value === undefined ? "缺失" : formatNumber(value)
         }`;
       },
     },
@@ -98,6 +98,7 @@ export function lineChart(element, { dates, values, name = "数值", color, scal
     yAxis: {
       type: "value",
       scale,
+      minInterval: 1,
       splitLine: { lineStyle: { color: theme.grid, type: "dashed" } },
       axisLabel: {
         color: theme.muted,
@@ -147,7 +148,7 @@ export function barChart(element, { labels, values, name = "数值", color }) {
       formatter(params) {
         const point = params[0];
         if (!point) return "";
-        return `<strong>${point.name}</strong><br>${name}：${formatCount(point.value)}`;
+        return `<strong>${point.name}</strong><br>${name}：${formatNumber(point.value)}`;
       },
     },
     xAxis: {
@@ -165,6 +166,7 @@ export function barChart(element, { labels, values, name = "数值", color }) {
     },
     yAxis: {
       type: "value",
+      minInterval: 1,
       splitLine: { lineStyle: { color: theme.grid, type: "dashed" } },
       axisLabel: {
         color: theme.muted,