CODEWITHSUNDEEP
highcharts
Layne
Layne

Reputation: 672

Highcharts formatting: labels, datapoints and scale?

I have a couple of formatting questions, as you'll see I'm running a very small chart 225*150...

  1. How do I remove the x-axis labels? I still want the information in the tooltip, just not along the axis. I've tried...

    xAxis: {
    title:{
        categories: ['2008-2009', '2009-2010', '2010-2011', '2011-2012'],
        enabled:false
    }
},

...but it still shows "0, .5, 1, 1.5 etc..."

  1. I've adjusted the thickness of my lines but now the datapoint indicators themselves can't bee seen. Can somebody show me which value controls that?

  2. Last one, how do I set zero for the y-axis scale?

Here's a fiddle!

Thanks!

UPDATE: Added suggestions to original fiddle.

Upvotes: 0

Views: 142

Answers (2)

jlbriggs
jlbriggs

Reputation: 17791

In this block:

xAxis: {
    title:{
        categories: ['2008-2009', '2009-2010', '2010-2011', '2011-2012'],
        enabled:false
    }
},

You have

1) the categories property listed inside the title attribute, and 2) you have enabled: false set for the title attribute

categories is a property of the axis directly, and the enabled: false should be applied to the labels, not the title.

"I've adjusted the thickness of my lines but now the datapoint indicators themselves can't bee seen. Can somebody show me which value controls that?"

Primarily the marker radius property:

http://api.highcharts.com/highcharts#plotOptions.series.marker.radius

You can also look at the lineWidth property of the marker.

"Last one, how do I set zero for the y-axis scale?"

axis min property:

http://api.highcharts.com/highcharts#yAxis.min

updated fiddle: http://jsfiddle.net/jlbriggs/z6ZLt/8/

Upvotes: 2

wergeld
wergeld

Reputation: 14442

To disable the xAxis.labels you set enabled to false:

xAxis: {
    categories: ['2008-2009', '2009-2010', '2010-2011', '2011-2012'],
    enabled: false,
    labels: {
        enabled: false
    }
}

For doing "set zero for the y-axis scale" you set the yAxis.min value to 0:

yAxis: {
    min: 0,
    title: {
        text: ''
    },
    plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'
    }]
}

To handle the size of the line + markers you need to modify their properties in :

plotOptions: {
    series: {
        marker: {
            radius: 1.5
        },
        pointWidth: 1
    }
}

Upvotes: 1

Related Questions