小编use*_*995的帖子

我正在使用Highcharts-more中的columnrange类型.默认数据标签格式化程序将最小/最大数据放在范围的两端,这很好.

有没有办法在每个点附加另一个标签？(例如:数据名称,就在栏的中间)

请参阅我的工作: JSFiddle

这是一个有生命范围的家谱.我想在条形图的中心显示工具提示中显示的名称.

(仅供参考我尝试使用渲染器使用文本重载图表:它有效...但是文本附加到图表上,而不是点,并且缩放它们使它们保持原位,同时点移动.是否可能存在将文本标签附加到图表onLoad事件上的每个点的方法？)

谢谢.

$(function () {

$('#container').highcharts({

    chart: {
        type: 'columnrange',
        inverted: true,
        marginLeft: 40,
        zoomType: 'xy'
    },

    title: {
        text: 'My family tree'
    },

    xAxis: {

        labels: {
            enabled: false
        },
        min: 0,
        max: 10
    },

    yAxis: {
        type: 'datetime',
        min: new Date().setYear(1900).valueOf(),
        max: new Date().valueOf(),
        title: {
            text: 'Year'
        },
        endOnTick: false
    },

    legend: {
        enabled: false
    },

    plotOptions: {
        columnrange: {
            grouping: false,
            pointPadding: 0,
            dataLabels: {
                enabled: true,
                useHTML: true,
                formatter: function …