如何在AmCharts中將漏斗圖旋轉90度？

Question

我正在使用amCharts創建一個漏斗圖表。 Amcharts提供的默認演示是一個垂直漏斗。

如果我想使用Amcharts獲取水平漏斗圖，該怎麼辦？

請在此處查看代碼。 http://jsfiddle.net/us8hgp6k/

var chart = AmCharts.makeChart("chartdiv", { 
    "type": "funnel", 
    "theme": "none", 
    "dataProvider": [{ 
     "title": "Website visits", 
     "value": 300 
    }, { 
     "title": "Downloads", 
     "value": 123 
    }, { 
     "title": "Requested prices", 
     "value": 98 
    }, { 
     "title": "Contaced", 
     "value": 72 
    }, { 
     "title": "Purchased", 
     "value": 35 
    }, { 
     "title": "Asked for support", 
     "value": 25 
    }, { 
     "title": "Purchased more", 
     "value": 18 
    }], 
    "titleField": "title", 
    "marginRight": 160, 
    "marginLeft": 15, 
    "labelPosition": "right", 
    "funnelAlpha": 0.9, 
    "valueField": "value", 
    "startX": 0, 
    "neckWidth": "40%", 
    "startAlpha": 0, 
    "outlineThickness":1, 
    "neckHeight": "30%", 
    "balloonText": "[[title]]:<b>[[value]]</b>"  
}); 

Answer 1

沒有方法來創建從funnel型圖表的水平漏斗。 （rotate屬性僅顛倒圖表。）

但是，您可以通過使用條形圖並在圖表的下半部分（「否定」）上覆蓋背景來模擬水平漏斗。

參見this JSFiddle。

注意這些部件來重新創建：

1. 的type是serial。這將創建一個條形圖。
2. dataProvider中的每個數據值也具有否定的值。
3. 還有兩個圖正在繪製。第一個圖使用否定值繪製否定（圖下面的空白）。第二個圖形使用正值繪製漏斗。通知fillToGraph設置爲fromGraph;這是另一個圖的id屬性。

根據該文件，在fillToGraph屬性：

你可以在這裏設置其他圖形，如果fillAlpha> 0，從這個圖表fillToGraph的區域將被填充（而不是填充區域到X軸）。