使用amCharts，我如何重新創建條形圖的閾值，如下所示？

Question

我已經給出了上面的圖像作爲最終圖表應該是什麼樣子的例子，但是我很難創建它。

由於我們使用的技術，我們必須使用amCharts，並且我已經按照自己的需要堆疊和着色了列，但是我無法找到添加閾值的方式（以淺綠色/藍色/黃色）。根據圖像的頂部以對數形式顯示它也是很好的，但我對此沒有那麼困擾。

任何幫助表示讚賞。

更新：

由於xorspark壯觀的幫助下，我已經成功地得到它，因爲我想，即使我結束了不使用對數。

對於感興趣的人，code位於https://codepen.io/dangerworm/pen/mByGqL。

Answer 1

您可以使用guides指定閾值並標記每個細分。爲了實現您的特定輸出，您需要爲每個填充區域指定兩套導向裝置，另一套將標籤和線條置於頂部。例如：

valueAxes: [ 
    { 
     logarithmic: true, 
     guides: [ 
     { 
      fillColor: "#ffff00", 
      fillAlpha: 0.5, 
      lineAlpha: 0, 
      value: .1, //note that you can't use 0 in a logarithmic axis 
      toValue: 40 
     },{ 
      dashLength: 6, 
      fillColor: "#ffff00", 
      fillAlpha: 0.5, 
      label: "poor", 
      position: "right", 
      lineAlpha: 1, 
      value: 40, 
     }, 
     // ... 
    ] 
    // ... 
    } 

Demo