【问题标题】:How to instruct highcharts scatter chart to print all dataLabels如何指示highcharts散点图打印所有dataLabels
【发布时间】:2015-08-07 20:20:29
【问题描述】:

我有一个散点图,它在某些元素上使用 dataLabels 来快速显示有关该项目的信息。

这是图表定义:

    chart: {
        type: 'scatter',
        height: 700
    },

    series: [
        {
                data: [
    { marker: { enabled: true }, x: 1, y: 18
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1197';             } } 
    }, 
    { marker: { enabled: true }, x: 1, y: 16
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1212';             } } 
    }, 
    { marker: { enabled: true }, x: 1, y: 15
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1213';             } } 
    }, 
    { marker: { enabled: true }, x: 1, y: 0
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1197';             } } 
    }
        ]
    }
    ]
};

查看https://jsfiddle.net/centic/gy4p6ej1/5/ 了解实时结果,它不显示 1.0.0.1213 的 dataLabel。

如果我将图表高度设置得更高,它会开始显示标签,但我想强制 highcharts 显示我定义的所有标签,即使它们重叠并与当前高度重叠,因为可能会有更多数据- 将来会添加积分。

我已经尝试过一些设置,例如 allowOverlap、crop 等,但它们都没有任何作用!

【问题讨论】:

标签: javascript charts highcharts overlap


【解决方案1】:

你可以设置allowOverlap: true,像这样:

plotOptions: {
    series: {
        dataLabels: {
            allowOverlap: true
        }
    }
}

参见this updated JSFiddle 演示。

【讨论】:

  • 非常感谢,我只尝试了数据元素内的特定 dataLabel,而不是系列本身,成功了!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多