fix(HotMap): 更新HotMap字体颜色 (#381)

Co-authored-by: Zhang Rui <[email protected]>

src/hot-map/demos/HotMap.stories.tsx

@@ -230,6 +230,7 @@ const BaseHotMapArgs = {
         offsetY: 62,
         fixedOffsetY: 100,
       },
+      className: 'custom-tooltip-class',
       render(options) {
         const { data, onClick } = options;
         const sourceData = data?.[0]?.data;

src/hot-map/framework.ts

@@ -51,8 +51,8 @@ export class HotMap extends BaseChart {
         style: {
           fill: '#fff',
           fontSize: 14,
-          shadowBlur: 2,
-          shadowColor: 'rgba(0, 0, 0, .45)',
+          // shadowBlur: 2,
+          shadowColor: 'rgba(0, 0, 0)',
         },
         content: (val) => {
           return `${formatPercent(val?.[zField] || 0)}`;

src/info-card/InfoCardBox.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useMemo } from 'react';
 import { ChartConfig, ChartOptions, Legends, Legend, ChartType } from '../interfaces';
 import { getInfoCardStyles, getLegendStyles } from '../utils/styles';
 import InfoCard from './InfoCard';
-import { debounce, first, last, set } from 'lodash';
+import { debounce, first, get, last, set } from 'lodash';
 
 import './styles/infocard.less';
 import { LooseObject } from '@antv/g-base';
@@ -52,6 +52,8 @@ const InfoCardBox = (props: InfoCardProps) => {
   const [title, setTitle] = useState('');
   const setHoverItemD = useMemo(() => debounce(setItems, 20), [setItems]);
 
+  const tipClassName = get(config, 'tooltip.className');
+
   const [, update] = useState(0);
 
   const triggerInfo = getTrigger?.();
@@ -123,7 +125,7 @@ const InfoCardBox = (props: InfoCardProps) => {
   // That is expected to update items, it seams it's better to direct use without useEffect.
   return (
     <div
-      className={`gio-d-charts-infocard `}
+      className={`gio-d-charts-infocard ${tipClassName}`}
       data-testid="infoCardBox"
       onMouseLeave={onMouseLeave}
       style={{ maxHeight: (height - 60) * 0.75 }}