amcharts.js - 如果數值太不同，請將引導線設置爲可見的

Question

我需要類似附圖所示的內容。 請點擊此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" 
    }] 
}); 

Answer 1

答案是軸設定includeGuidesInMinMax的值。只要將它設置爲true，它會重新計算值軸刻度包括所有目前的指南：

"valueAxes": [{ 
    "axisAlpha": 0, 
    "position": "left", 
    "tickLength": 0, 
    "includeGuidesInMinMax": true 
}] 

這是你更新fiddle。