CODEWITHSUNDEEP
javascripthighcharts
rvrtex
rvrtex

Reputation: 229

In highcharts how do I change the color of the line above the categories?

In this linked jsfiddle graph the lines of the graph are green but the lines just above the categories are blue. How do I make that line (and the separator ticks) green? I have looked at the API since my gut says there is a color property on Categories but I found nothing showing that. I have google up and down on this and only found ways to change the color of literally everything else.

Highcharts.chart('container', {
xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
    gridLineColor: '#197F07'
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]

});

Upvotes: 3

Views: 2553

Answers (1)

Barbara Laird
Barbara Laird

Reputation: 12717

You want xAxis.lineColor. To complete the look, I'd also change xAxis.tickColor

Highcharts.chart('container', {
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        gridLineColor: '#197F07'
    },
    xAxis: {
        lineColor: '#197F07',
        tickColor: '#197F07'
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

http://jsfiddle.net/hfnc4qdj/

Upvotes: 7

Related Questions