CODEWITHSUNDEEP
javascriptreactjshighchartsreact-highcharts
Developer
Developer

Reputation: 444

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

I tried, combination chart bar and line (ultimately need to develop using react-highcharts)

I have one challenge, need to display highest value drawn line with vertical y-axis

Do we have any option to draw lines(1) for single spline(2) in Highscharts ?

refer image for 1 and 2 (attached image is using excel developed by BA)

enter image description here

Upvotes: 0

Views: 642

Answers (1)

Sebastian Wędzel
Sebastian Wędzel

Reputation: 11633

You can add a dummy column series with the same data as spline to create those lines.

{
    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)'
  }

Demo: https://jsfiddle.net/BlackLabel/tfqrv296/

Upvotes: 2

Related Questions