Question

有没有办法在highcharts中显示plotband边界的值？

在高等图中，有两个绘图带，fisrt从60到90，第二个从90到140，如下图所示：

并且绘图带代码片段如下：

......
plotBands: [{
  from: 60,
  to: 90,
  color: 'rgba(245, 245, 235, 1)'
}, {
  from: 90,
  to: 140,
  color: 'rgba(230, 238, 239, 1)'
}]
......

我想在右侧显示60,90和140，让用户知道绘图带的范围。

由于

Answer 1

您可以使用plotBands.label执行此操作：

plotBands: [{
  color: 'yellow',
  from: 80,
  to: 110,
  label: {
    text: '80-110',  //the text shown on the chart
    align: 'right',
    x: 65,
    style: {
      color: 'yellow', //color of the text
      fontWeight: 'bold'
    }        
  }
}]

您可以将文本替换为您喜欢的任何内容。如果您在绘图区域上有标签，或创建边距并在标注区域外有标签，则效果最佳。

工作示例： http://jsfiddle.net/Ljgh907p/8/

在highcharts中显示plotband边界的值

1 个答案: