HighCharts Line Chart为整条线点绘制y轴线并且只画一条线

Question

我试过了，组合图表bar和line（最终需要使用react-highcharts开发）

我有一个挑战，需要用垂直 y 轴显示最高值画线

我们是否可以选择在 Highscharts 中为单个样条曲线 (2) 画线 (1)？

参考图片 1 和 2（所附图片使用由 BA 开发的 excel）

Answer 1

您可以添加一个与样条具有相同数据的虚拟列系列来创建这些线。

{
    type: 'column',
    data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    showInLegend: false,
    enableMouseTracking: false,
    states: {
      inactive: {
        opacity: 1
      }
    },
    pointWidth: 1,
    color: 'rgb(230, 230, 230)'
  }

演示：https://jsfiddle.net/BlackLabel/tfqrv296/

HighCharts Line Chart为整条线点绘制y轴线并且只画一条线

HighCharts Line Chart draw y axis line for entire line points and only one line

javascript

reactjs

highcharts

react-highcharts