diff --git a/src/components/widget/BillBoard.jsx b/src/components/widget/BillBoard.jsx
index 980108be..77649c47 100644
--- a/src/components/widget/BillBoard.jsx
+++ b/src/components/widget/BillBoard.jsx
@@ -53,11 +53,13 @@ const BillBoard = (props) => {
         ...data,
     };
     if (data.type) {
-        newTableData.type = getBillBoardType(data.type)
+        newTableData.type = data.type;
+        // newTableData.type = getBillBoardType(data.type);
     }
     if (data.types) {
         Object.keys(data.types).forEach((key) => {
-            newTableData.types[key] = getBillBoardType(data.types[key]);
+            newTableData.types[key] = data.types[key];
+            // newTableData.types[key] = getBillBoardType(data.types[key]);
         });
     }
 
@@ -81,9 +83,7 @@ const BillBoard = (props) => {
             <div className={isIframe ? theme.center_chart : theme.center}>
                 <div className={theme.modal}>
                     <div className={theme.head}>
-                        <div className={theme.text}>
-                            {title}
-                        </div>
+                        <div className={theme.text}>{title}</div>
                         <div
                             className={theme.close}
                             id="chart_btn"
@@ -93,8 +93,14 @@ const BillBoard = (props) => {
                         />
                     </div>
                     <div className={theme.body}>
-                        <div className={cn(theme.content, theme.billboard)} style={{ minHeight: '300px' }}>
-                            <div className={theme.description} dangerouslySetInnerHTML={ {__html: description} } />
+                        <div
+                            className={cn(theme.content, theme.billboard)}
+                            style={{ minHeight: '300px' }}
+                        >
+                            <div
+                                className={theme.description}
+                                dangerouslySetInnerHTML={{ __html: description }}
+                            />
                             <div className={theme.graph_box} ref={chartRef} />
                         </div>
                     </div>
@@ -130,6 +136,6 @@ const BillBoard = (props) => {
             </div>
         </div>
     );
-}
+};
 
-export default pure(BillBoard);
\ No newline at end of file
+export default pure(BillBoard);
diff --git a/src/components/widget/Chart/Bar.jsx b/src/components/widget/Chart/Bar.jsx
index dc04b704..a3fe3a97 100644
--- a/src/components/widget/Chart/Bar.jsx
+++ b/src/components/widget/Chart/Bar.jsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import bb, { bar } from 'billboard.js';
+import bb from 'billboard.js';
 import Theme from '@utils/Theme';
 import '@assets/entry/scss/widget/insight.css';
 import { GRAPH_COLOR } from '@constants/dataAnalytics';
diff --git a/src/components/widget/Chart/ScatterGrid.jsx b/src/components/widget/Chart/ScatterGrid.jsx
index b77c5256..76550a02 100644
--- a/src/components/widget/Chart/ScatterGrid.jsx
+++ b/src/components/widget/Chart/ScatterGrid.jsx
@@ -1,6 +1,6 @@
 import { useRef, useEffect } from 'react';
 import { corr } from '@utils/dataAnalytics';
-import bb, { scatter } from 'billboard.js';
+import bb from 'billboard.js';
 import '@assets/entry/scss/widget/insight.css';
 import Theme from '@utils/Theme';
 import _unzip from 'lodash/unzip';
@@ -17,7 +17,7 @@ const ScatterChart = ({ columns, id = 'scatter_matrix', size, zoomIn, opacity })
             columns[1][0] += 'x';
         }
         bb.generate({
-            data: { columns, type: scatter(), xs: { [columns[0][0]]: columns[1][0] } },
+            data: { columns, type: 'scatter', xs: { [columns[0][0]]: columns[1][0] } },
             bindto: chartRef.current,
             axis: {
                 x: { tick: { text: { show: false }, count: 4, padding: 0 } },