javascript - Highcharts 中心系列标签

标签 javascript charts highcharts

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

http://jsfiddle.net/asrm5zL0/

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

目前我已经创建了上面的示例。我一直在尝试找到一种方法将给定系列的标签集中在条形图本身中,但是它似乎总是想标记每个数据点。有没有一种我没有看到的简单方法可以做到这一点?系列的 Highcharts 文档 ( http://api.highcharts.com/highcharts#plotOptions.series.dataLabels ) 似乎没有此类内容的属性。

感谢您的帮助。

最佳答案

尝试将 dataLabelsinside 设置为 true。

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

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

关于javascript - Highcharts 中心系列标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32895678/

相关文章:

javascript - 在 Discord.js 中检测消息中的链接

javascript - bxSlider 背景图像在 chrome 中闪烁

javascript - 回调函数中的 for 循环中的回调函数

javascript - 具有不同时刻的谷歌图表时间轴

HTML 页面在外部服务器上丢失格式

highcharts - Highcharts 中类别轴的负值

javascript - 如何在React中使用可变数据和实时图表实现最佳性能?

javascript - 如何从 ember.js Controller 单击按钮

javascript - Highcharts 不显示小系列

c# - 鼠标滚轮事件未触发