固定Datalabel尺寸Highcharts系列DataLabels

进出口愿意实现以下目标：固定Datalabel尺寸Highcharts系列DataLabels

我highcharts图有这个系列有连接到每个点的数据标签，如下面的例子： http://jsfiddle.net/sbochan/p6Ufv/

该datalabels应该是红色圆圈（正圆），因此Iv'e用于它们的定义如下：

series{ 
//......//// 
dataLabels:{ 
     enabled : true, 
     backgroundColor: 'rgb(229, 32, 32)', 
     borderRadius:24, 
     borderWidth:2, 
     borderColor: '#890000', 
     color:'#FFF', 
     shadow:true, 
     defer:false, 
     padding: 3, 
}

下面给我一个漂亮的红色圆圈与一些作者当点数据是一个2位数字时。由于某些原因，高分辨率数据从数据标签内容中导出了Rect SVG维度，其中包含1位数字或多于2位数字。这个事实导致数据标签在我的设计中变得不一致。出于某种原因，我无法找到一种方法来强制highcharts在系列数据标签的情况下使用circle而不是rect，或者强制它根据我的尺寸规格呈现这些SVG rects。

这甚至可能吗？有没有办法解决它？在此先感谢。

来源

2014-09-24 MorKadosh

一般而言，您需要有一个圆圈，因为当我添加4位数字或将其全部删除时，datalebsl就是圆圈。正如我在代码中看到的是使用borderRadius，所以你需要适应datalbel的高度和边界半径参数ot有圆。 – 2014-09-24 12:47:35

我发现了一个针对我的问题的创意解决方案。 Iv'e创建了一个圆形图像（也可以使用SVG），并将其用作系列中的标记。这使得我的系列（这也是一个分散系列）由许多圈子组成。比，我用一些datalabel属性，如padding和style，使他们看起来像我想。最后一件事我用formatter来设置正确的数据。

来源

2014-09-24 14:36:46 MorKadosh

你可以在jsfiddle中分享吗？ – iammatthew2 2015-05-08 18:29:11

不幸的是，这是Iv'e在我的工作中进行的项目的一部分（我不允许分享）。但我认为我的答案非常直截了当，但您可以随时问我任何问题！ :) – MorKadosh 2015-05-10 05:43:03

固定Datalabel尺寸Highcharts系列DataLabels

回答

相关问题