如何在水平轴值

时间:2017-02-14 11:42:17

标签: javascript amcharts

我试图在光标标签(日期)上添加一些边距,因为它们略微透明且看起来不太重叠。所以它很难解释所以我已经包含了一个图像来向您展示:

enter image description here

因此,我试图用标签[2014年3月11日,星期二]将标签推到约30px

查看文档,charCursor没有官方保证金或填充,但是在其他地方?甚至是一个临时的hacky解决方案?

这是我目前为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天(我的例子),但这可能是一个单独的问题。

1 个答案:

答案 0 :(得分:1)

AmCharts API中没有允许您定位图表光标的类别气球的属性,但您可以使用CSS通过样式化.amcharts-balloon-bg-categoryAxis和{{1}来移动类别气球的SVG路径和气球文本div CSS类。例如:

.amcharts-balloon-div-categoryAxis

您需要在图表配置中将addClassNames设置为true才能使这些类可用。

Demo