我需要像附图中那样的东西。 请关注这个fiddle
如您所见,我添加了两条引导线,但它们不可见,因为它的值大于图形值。有什么办法可以让它们可见吗?也许有某种方法可以缩小图表或其他东西。请参阅下面或 jsfiddle 中的代码。 谢谢,
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "light",
"dataDateFormat": "YYYY-MM-DD HH:NN",
"dataProvider": [{
"date": "2012-01-01",
"value": 8
}, {
"date": "2012-01-02",
"value": 10
}, {
"date": "2012-01-03",
"value": 12
}, {
"date": "2012-01-04",
"value": 14
}, {
"date": "2012-01-05",
"value": 11
}, {
"date": "2012-01-06",
"value": 6
}, {
"date": "2012-01-07",
"value": 7
}],
"valueAxes": [{
"axisAlpha": 0,
"position": "left",
"tickLength": 0
}],
"graphs": [{
"bullet": "none",
"valueField": "value"
}],
"categoryField": "date",
"categoryAxis": {
"parseDates": true,
"axisAlpha": 0,
"gridAlpha": 0.1,
},
"guides": [{
"value": 25,
"toValue": 25,
"lineColor": "#CC0000",
"fillAlpha": 1,
"fillColor": "#CC0000",
"label": "critical"
}, {
"value": 20,
"toValue": 20,
"lineColor": "#CCF000",
"fillAlpha": 1,
"fillColor": "#CCF000",
"label": "normal"
}]
});
最佳答案
答案是数值轴设置includeGuidesInMinMax
.只需将其设置为 true
,它将重新计算值轴刻度以包括所有当前指南:
"valueAxes": [{
"axisAlpha": 0,
"position": "left",
"tickLength": 0,
"includeGuidesInMinMax": true
}]
这是您更新的 fiddle .
关于javascript - amcharts.js - 如果值差异太大,则使指导线可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35684706/