2017-02-14 16 views
0

我想爲我的光標標籤(日期)添加一點餘量,因爲它們稍微透明並且看起來不太好重疊。因此,它的一個很難解釋,所以我已經包括圖像向您展示:如何使用margin/pad chartCursor低於水平軸值

enter image description here

所以我試圖把該標籤與包裝盒[2014年3月11日,星期二]下來,大約30px

查看文檔沒有官方保證金或填充charCursor,但是在別的地方?甚至是一個臨時的解決方案?

在這裏我有什麼目前是chartCursor:

"chartCursor": { 
    "enabled": true, 
    "animationDuration": 0, 
    "balloonPointerOrientation": "vertical", 
    "bulletsEnabled": true, 
    "categoryBalloonDateFormat": "MMM DD, YYYY \n\r EEEE", 
    "cursorAlpha": 0.15, 
    "cursorColor": "rgba(255,255,255,0.5)", 
    "fullWidth": false, 
    "graphBulletSize": 5, 
    "leaveCursor": false, 
    "tabIndex": 1, 
    "valueBalloonsEnabled": true, 
    "valueLineAlpha": 1, 
    "valueLineBalloonEnabled": false, 
} 

我還需要知道如何與固體塊和標籤填寫第4天(IM我的例子),但可能是一個分離的問題。

回答

1

AmCharts API中沒有屬性允許您定位圖表光標的類別氣球,但可以使用CSS通過樣式設置.amcharts-balloon-bg-categoryAxis.amcharts-balloon-div-categoryAxis CSS類來移動類別氣球的SVG路徑和氣球文本div。例如:

.amcharts-balloon-bg-categoryAxis { 
    transform: translateY(5vh); 
} 
.amcharts-balloon-div-categoryAxis { 
    transform: translateY(5vh); 
} 

你需要設置addClassNames爲true圖表配置,以使這些類可用。

Demo

+0

啊哈!一個很好的解決方案,謝謝! – Kivylius