【问题标题】:How to disable the labels of x-axis amcharts如何禁用 x 轴 amcharts 的标签
【发布时间】:2015-06-09 14:17:43
【问题描述】:

我试图不显示 x 轴的标签,在这种情况下是: “7.5、8.0、8.5、9.0”等等。

这是我迄今为止尝试过的:

<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

【问题讨论】:

    标签: javascript amcharts


    【解决方案1】:

    在你的价值轴上使用labelsEnabled

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

    这是updated fiddle

    【讨论】:

      【解决方案2】:

      labelsEnabled 也可以用于categoryAxis

      "categoryAxis": {
          "axisColor": "#555555",
          "gridAlpha": 0.1,
          "gridColor": "#FFFFFF",
          "gridCount": 50,        
          "labelsEnabled": false
      },
      

      【讨论】:

        【解决方案3】:

        在您的 valueAxis 属性上使用 integersOnly

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

        现在您的值将显示为 7、8、9...

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2023-01-27
          • 2014-03-09
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多