diff --git a/src/component/Axis.ts b/src/component/Axis.ts
index 3488b0f20..1b713cbca 100644
--- a/src/component/Axis.ts
+++ b/src/component/Axis.ts
@@ -23,6 +23,7 @@ export interface AxisTick {
   coord: number
   value: number | string
   text: string
+  textCoord?: number
 }
 
 export interface AxisRange extends VisibleRange {
diff --git a/src/view/XAxisView.ts b/src/view/XAxisView.ts
index 2470199d4..d1aee5d47 100644
--- a/src/view/XAxisView.ts
+++ b/src/view/XAxisView.ts
@@ -53,7 +53,7 @@ export default class XAxisView extends AxisView<XAxis> {
     const axisLineSize = styles.axisLine.size
     const tickLineLength = styles.tickLine.length
     return ticks.map(tick => ({
-      x: tick.coord,
+      x: tick.textCoord ?? tick.coord,
       y: axisLineSize + tickLineLength + tickTickStyles.marginStart,
       text: tick.text,
       align: 'center',