Question

我在创建数据标签时使用自定义格式化程序：

formatter: function() {
   return this.point.name + '<br>' + this.point.id;
}

产生：

SomeName

SomeID

虽然顶线似乎相对于我的段/块居中，但底线却没有。更一般地说，是否可以单独格式化顶部和底部线？

我希望顶线和底线都居中，但顶线显着大于底线。当我在style下编辑fontSize属性时，在dataLabels下，在系列下它会影响两行。

Answer 1

您可以在格式化程序功能中添加其他html元素，然后根据您的内容设置样式。确保您拥有useHTML:true。例如：http://jsfiddle.net/qqqpmpLm/

CSS：

.labelName {
  font-size: 20px;
}
.label {
  color:red;
  text-align:center;
}

dataLabels：

  dataLabels: {
    enabled: true,
    useHTML: true,
    formatter: function() {
      return '<div class="label"><span class="labelName">'+this.point.name + '</span><br>' + this.point.id + '</div>'
    }
  },

格式化程序使用HighCharts

1 个答案: