Question

我正在使用High Charts（http://www.highcharts.com/）为我的网页获取一些交互式图表。我正在尝试使用列范围图表和一系列系列创建各种时间轴。

dataLabels: {
                enabled: true,
                align: 'middle',
                crop: false,
                style: {
                    fontWeight: 'bold'
                },
                verticalAlign: 'middle',
                formatter: function () { return 'CenterThis' }
            }

目前我已经创建了上面的例子。我一直试图找到一种方法来将条形图中给定系列的标签居中，但它似乎总是想要标记每个数据点。有没有一种简单的方法可以做到这一点，我没有看到？系列（http://api.highcharts.com/highcharts#plotOptions.series.dataLabels）的高级图表文档似乎没有这种东西的属性。

感谢您的帮助。

Answer 1

尝试将inside设为dataLabels为真。

             ...
             dataLabels: {
                 align: 'center',
                 inside: true,
             ...

API reference，例如：http://jsfiddle.net/asrm5zL0/7/

Answer 2

使用散子系列分割差异的示例：

http://jsfiddle.net/jlbriggs/asrm5zL0/9/

{
    linkedTo: ':prev',
    name: 'Data Label Series',
    type: 'scatter',
    enableMouseTracking: false,
    marker: { radius : 0 },
    dataLabels: {
        enabled: true,
        align: 'center',
        verticalAlign: 'middle',
        style: {
            fontSize:'.75em',
            fontWeight: 'normal'
        },
        formatter: function () { return 'CenterThis' }
    },
    data: [[3, Date.UTC(2015, 09, 01, 17, 30, 0)]]
}

高图中心系列标签

2 个答案: