@publishfx/publish-chart 2.0.2 → 2.0.3

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+**2.0.3** feat(chart): G2GaugeChart设置value文本的颜色和阈值保持一致
+- 2026-02-05T15:06:47+08:00 [feat(chart): G2GaugeChart设置value文本的颜色和阈值保持一致](http://lf.git.oa.mt/publish_platform/web/publish/commit/6b80990920484818132164048278789e6f6aa740)
+
 **2.0.2** feat(chart): 优化G2GaugeChart组件，仅基于数据驱动UI，不涉及业务逻辑
 - 2026-02-05T14:07:11+08:00 [feat(chart): 优化G2GaugeChart组件，仅基于数据驱动UI，不涉及业务逻辑](http://lf.git.oa.mt/publish_platform/web/publish/commit/ad3728038c692c40a03dcb6a38f7b77b0952cccc)
 

package/README.md

@@ -1,13 +1,13 @@
-# @moonton/publish-chart
+# @publishfx/publish-chart
 
 基于新架构设计的 React 图表组件库，支持离线分析模块使用的所有图表类型。
 
 ## 安装
 
 ```bash
-npm install @moonton/publish-chart
+npm install @publishfx/publish-chart
 # 或
-pnpm add @moonton/publish-chart
+pnpm add @publishfx/publish-chart
 ```
 
 ## 特性
@@ -30,7 +30,7 @@ import {
   defaultChartConfig, 
   createFormatterService, 
   createDataTransformService 
-} from '@moonton/publish-chart';
+} from '@publishfx/publish-chart';
 
 const chartServices = {
   formatter: createFormatterService(),
@@ -53,7 +53,7 @@ const chartServices = {
 如果你只需要自定义业务组件，其他服务使用库的默认配置，可以这样：
 
 ```tsx
-import { ChartProvider } from '@moonton/publish-chart';
+import { ChartProvider } from '@publishfx/publish-chart';
 
 // 只定义 businessComponents，其他使用默认值
 const chartServices = {
@@ -73,7 +73,7 @@ const chartServices = {
 ### 2. 使用图表组件
 
 ```tsx
-import { BarChart, LineChart, BarLineChart } from '@moonton/publish-chart';
+import { BarChart, LineChart, BarLineChart } from '@publishfx/publish-chart';
 
 <BarChart
   data={data}

package/dist/components/g2/base/G2GaugeChart.js

@@ -219,7 +219,9 @@ const G2GaugeChart = (props)=>{
             const valueText = document.createElementNS('http://www.w3.org/2000/svg', 'text');
             valueText.setAttribute('x', String(textCenterX));
             valueText.setAttribute('y', String(valueTextY));
-            valueText.setAttribute('fill', colors[0] || '#9596d9');
+            const thresholdIndex = thresholdValues.findIndex((threshold)=>value <= threshold);
+            const thresholdColor = thresholdColorArray[thresholdIndex] || '#9596d9';
+            valueText.setAttribute('fill', thresholdColor);
             valueText.setAttribute('font-size', String(valueFontSize));
             valueText.setAttribute('font-weight', 'bold');
             valueText.setAttribute('text-anchor', 'middle');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@publishfx/publish-chart",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "A React chart component library for the Publish platform, including BarChart, LineChart, BarLineChart and other visualization components",
   "type": "module",
   "keywords": [