如何在水平轴值以下对chartCursor进行边距/衬垫

Question

我试图为我的光标标签(日期)添加一点空白，因为它们稍微透明，而且看起来不是很好的重叠。所以很难解释，所以我给你们看了一张图片：

​

​

所以我试着按下这个标签，上面写着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天(我的例子)，但这可能是一个单独的问题。

Answer 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。

演示