javascript - amCharts valueAxis 最大值不起作用

标签 javascript amcharts

我有一个显示百分比的图表,所以我不想在 valueAxis 上超过 100。出于某种原因,valueAxis.maximum 对我不起作用。这是我的图表函数的副本。图表最终在 valueAxis 中显示最大值为 110。我在某处缺少属性(property)吗?

这是一个指向 jsFiddle 的链接.感谢您的帮助。

var chart = AmCharts.makeChart(chartDiv, {
    "theme": "light",
    "type": "serial",
    "dataProvider": nflDailyData,
    "graphs": [{
        "balloonText": "[[value]]% for [[category]]",
        "fillAlphas": 0.5,
        "lineAlpha": 0.2,
        "title": "Percent Accuracy",
        "type": "column",
        "valueField": "value",
        "legendValueText": "",
        "fillColorsField": "color"
    }],
    "titles": [ 
        {
            "text": "NFL Daily Past 7-Day Evaluation",
            "size": 26,
            "color": "#3333cc"
        }
    ],
    "startDuration": 1,
    "depth3D": 20,
    "angle": 30,
    "rotate": false,
    "categoryField": "category",
    "valueAxis": {
        "minimum": 0,
        "maximum": 100,
        "unit": "%",
        "unitPosition": "right"
    },
    "categoryAxis": {
        "gridPosition": "start",
        "fillAlpha": 0.05,
        "position": "left",
        "labelRotation": 45
    },
    "export": {
        "enabled": true
     }
});

最佳答案

由于图表支持多个值轴,因此没有单个“valueAxis”参数。它是一个对象数组,并且是复数形式:valueAxes .因此,在您的图表配置中,如果您只有一个值轴,则需要这样指定事件:

"valueAxes": [{
  "minimum": 0,
  "maximum": 100,
  "unit": "%",
  "unitPosition": "right"
}]

您现在拥有它的方式被图表简单地忽略了,因此 maximum 没有被考虑在内。

关于javascript - amCharts valueAxis 最大值不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35075659/

相关文章:

javascript - 使用 Meteor + React (JSX) 导出 amcharts

javascript - Amcharts 4 TreeMap 项目符号链接(symbolic link)

javascript - 包含表格的 div 上的框阴影问题(高度问题)

javascript - 按属性映射集合项 lodash

javascript - 使用 onload 事件naturalWidth和naturalHeight返回0

javascript - 更改 amCharts 数据的粒度

javascript - 在 Ionic/Angular 项目中使用 ngCordova 时未定义 $cordovaBLE

javascript - window.location 无法与 window.location.href 一起使用?

javascript - 无法在 amcharts 的 stockevents 中分配 json 数据

javascript - 避免在 am 图表上重新加载动画