2017-02-14 7 views
0

カーソルラベル(日付)に余裕を付けようとしていますが、少し透明でオーバーラップしていないようです。水平軸の値の下にchartCursorをマージ/パッティングする方法

enter image description here

だから私は程度によって、ボックスとそのラベルをプッシュするダウン[2014年3月11日、火曜日]をしようとしている:私はあなたを表示する画像が含まれている説明するように、そのハード1 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, 
} 

私はまた、固体ブロックとラベルで(私の例をIM)最初の4日間記入する方法を知っておく必要があるが、それは、分離質問かもしれません。

答えて

1

チャートカーソルのカテゴリバルーンを配置できるプロパティはありませんが、.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); 
} 

あなたはこれらのクラスを利用できるようにするために、あなたのチャートの設定でtrueにaddClassNamesを設定する必要があります。

Demo

+0

Aha!素晴らしいソリューション、ありがとう! – Kivylius

関連する問題