amChartsを使用すると、以下のようにバーの後ろにスレッシュホールドを再作成できますか？

Question

上記の画像は、最終的なグラフの表示例ですが、作成するのが難しいです。

私たちが使用している技術のためにamChartsを使用する必要がありますが、私が望むように列を積み重ねて色付けしましたが、しきい値を追加する方法が見つかりません（薄緑色/青/黄）。画像の上部に表示されているように対数スケールで表示することもいいですが、それほど心配していません。

助けてください。

アップデート：私はそれをしたいとxorsparkの壮大な助けに

おかげで私は対数を使用していないことになったにもかかわらず、それを得ることができました。

codeは、興味のある方はhttps://codepen.io/dangerworm/pen/mByGqLです。

Answer 1

を使用して、しきい値を指定し、各サブセクションにラベルを付けることができます。あなたの特定の出力を達成するには、塗りつぶされた領域のためのガイドと、ラベルとラインを上に置くためのガイドの2つのセットが必要です。たとえば、次のように

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