CODEWITHSUNDEEP
javascriptjquerychartshighcharts
Blask Poranka
Blask Poranka

Reputation: 127

Highcharts.js draws ugly series line

Please look at this example

http://jsfiddle.net/LT5Xb/

I used following config to change y axis range

yAxis: {
    tickPositions: [-3, 0, 3],
    gridLineWidth: 0
},

Green series line (trust) is thinner than the rest of the chart where x >= 3 and x <= 4.

Can I make it look the same? I really want y axis to be between -3 and 3

Upvotes: 0

Views: 137

Answers (2)

Mark
Mark

Reputation: 108512

The line is being sliced in half since it appears on the edge of the drawing "canvas".

Try these yAxis options:

       yAxis: {
            tickPositions: [-3, 0, 3],
            gridLineWidth: 0,
            max: 3.1,
            endOnTick: false
        },

Update fiddle.

For Lower end, just set a min with the max value-->

           

yAxis: {
      tickPositions: [-3, 0, 3],
      gridLineWidth: 0,
      max: 3.1,
      min: -3.1, // I added this!
      endOnTick: false,
      startOnTick: false // and this!
},

Yet another fiddle.

Upvotes: 1

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

Possibly bug, reported to our developers here: https://github.com/highslide-software/highcharts.com/issues/2099

Thank you for suggestion.

Upvotes: 1

Related Questions