可以横向生成剑道漏斗图吗？

Question

我正在尝试横向生成漏斗图。我已经启动并运行了演示，但它是垂直的。还有没有其他可用的选项？

获得了其他库的一个选项：http://www.zingchart.com/gallery/chart/#!horizontal-funnel-styled-guides

但我的客户只想使用Kendo，如果只是为了漏斗图而包含其他库，那就太夸张了

Answer 1

无论如何，只要尝试一下，就可以在水平和垂直方向上生成剑道条形图。您只需在JS中处理type变量即可。

-以水平方式生成条形图类型

 $("#yourChart").kendoChart({
     seriesDefaults: {
     //generate as horizontal bar graph
         type: "bar"
     }
 });

我猜您已经用列类型的变量设置了它，如下所示：

垂直生成的列类型

$("#yourChart").kendoChart({
     seriesDefaults: {
      //generate as vertical graph
         type: "column"
     }
  });

不能水平配置剑道漏斗图。

但是，您可以做的是将图表放在div中，并告诉div进行横向翻转。然后对标签执行相同的操作，等等。并重新定位所有的东西。这有点像黑客，但我认为这是唯一可能的方式。

#yourDiv{
-webkit-transform: rotate(270deg);
    -moz-transform: rotate(2700deg);
    -o-transform: rotate(2700deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}