Question

如何将十字准线标签渲染到HighStock图表的顶部？

现在，十字准线标签将呈现在xAxis上，而xAxis应该位于图表的底部。

有没有办法在不改变xAxis位置的情况下将标签的位置更改为图表的顶部？最后，十字准线和标签应该看起来像一面旗帜，而不是像反转的旗帜。

const chart = Highcharts.StockChart({
chart: {
    renderTo: "chart",
},

credits: { enabled: false },
navigator: { enabled: false },
scrollbar: { enabled: false },
tooltip: { enabled: false },
rangeSelector: { inputEnabled: false },

series: [{
    type: "area",
    data: dataSet
  }
],

xAxis: {
    gridLineWidth: 1,
    crosshair: {
        color: lineColor,
        label: { enabled: true, align: "right" }
    }
}
});

Answer 1

十字线标签与特定轴耦合。但是，您可以创建两个链接的x轴。顶轴应该是不可见的，但应与十字准线和标签结合。

xAxis: [{
  opposite: true,
  crosshair: {
    label: {
      enabled: true,
      align: "right"
    }
  },
  visible: false
}, {
  linkedTo: 0,
  gridLineWidth: 1
}],

示例：http://jsfiddle.net/p8fqq35v/

如何使用Highcharts在图表顶部显示十字准线标签

1 个答案: