7

I am trying not to show the labels of x-axis, which in this case are: "7.5, 8.0, 8.5, 9.0" and so on.

This is what I have tried so far:

<div id="chartdiv"></div>

var chart = AmCharts.makeChart("chartdiv", {
"theme": "light",
"type": "serial",
"dataProvider": [{
    "name": "3s",
    "startTime": 8,
    "endTime": 11,
    "color": "#FF0F00"
}],
"valueAxes": [{
    "axisAlpha": 0,
    "gridAlpha": 0.1
}],
"startDuration": 1,
"graphs": [{
    "balloonText": "<b>[[category]]</b><br>starts at [[startTime]]<br>ends at [[endTime]]",
    "colorField": "color",
    "fillAlphas": 0.8,
    "lineAlpha": 0,
    "openField": "startTime",
    "type": "column",
    "valueField": "endTime"
}],
"rotate": true,
"columnWidth": 1,
"categoryField": "name",  
});

JSFiddle Demo

Umesh
  • 115
  • 1
  • 2
  • 6

3 Answers3

15

Use labelsEnabled on your value axis:

"valueAxes": [{
    "axisAlpha": 0,
    "gridAlpha": 0.1,
    "labelsEnabled": false
}],

Here's the updated fiddle.

martynasma
  • 8,542
  • 2
  • 28
  • 45
1

labelsEnabled can be used in categoryAxis as well:

"categoryAxis": {
    "axisColor": "#555555",
    "gridAlpha": 0.1,
    "gridColor": "#FFFFFF",
    "gridCount": 50,        
    "labelsEnabled": false
},
Oleg Neumyvakin
  • 9,706
  • 3
  • 58
  • 62
1

Use integersOnly on your valueAxis property:

"valueAxes":[{
    "integersOnly": true
}],

Now your value will be displayed like 7, 8, 9...

סטנלי גרונן
  • 2,917
  • 23
  • 46
  • 68