javascript - 如何在AmCharts中将漏斗图旋转90度？

我正在使用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>"
 });

最佳答案

无法从funnel型图表创建水平漏斗。 （rotate属性只是将图表上下颠倒。）

但是，您可以通过使用条形图并将背景覆盖在图表的下半部分（“取反”）来模拟水平漏斗。

请参见this JSFiddle。

请注意这些部分以重新创建：


type是serial。这将创建一个条形图。
dataProvider中的每个数据值也具有负值。
有两个图形正在绘制。第一个图形使用取反的值绘制取反（图形下方的空白区域）。第二张图使用正值绘制漏斗。注意fillToGraph设置为fromGraph；这是另一个图的id属性。


根据文档，fillToGraph属性：


  您可以在此处设置另一个图形，如果fillAlpha> 0，则将填充从该图形到fillToGraph的区域（而不是将区域填充到X轴）。

关于javascript - 如何在AmCharts中将漏斗图旋转90度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27913532/