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

我正在使用amCharts创建漏斗图。Amcharts提供的默认演示是一个垂直漏斗

如果我想用Amcharts得到一个水平漏斗图呢

请看这里的代码。

var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“漏斗”，
“主题”：“无”，
“数据提供者”：[{
“标题”：“网站访问”，
“价值”：300
}, {
“标题”：“下载”，
“价值”：123
}, {
“标题”：“要求的价格”，
“价值”：98
}, {
“标题”：“续”，
“价值”：72
}, {
“标题”：“已购买”，
“价值”：35
}, {
“标题”：“请求支持”，
“价值”：25
}, {
“标题”：“购买更多”，
“价值”：18
}],
“标题字段”：“标题”，
“marginRight”：160，
“marginLeft”：15，
“标签位置”：“右侧”，
“漏斗状火山”：0.9，
“valueField”：“value”，
“startX”：0，
“颈宽”：“40%”，
“星塔法”：0，
“大纲简略”：1，
“领口高度”：“30%”，
“文本”：“[[title]]：[[value]]”
});

无法从

漏斗型图表创建水平漏斗。（旋转

属性只是将图表翻转过来。）

但你可以用条形图模拟水平漏斗，并将背景叠加在图表的下半部分（“否定”）

看

请注意以下要重新创建的部分：

类型为
串行
。这将创建一个条形图

dataProvider

中的每个数据值也有一个反数值

正在绘制两个图表。第一个图形使用求反值绘制求反（图形下方的空白）。第二个图形使用正值绘制漏斗。注意

fillToGraph

设置为

fromGraph

；这是另一个图的

id

属性

根据文件，财产：

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

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>"    
 });