我可以水平生成Kendo漏斗图吗?

时间:2015-10-22 13:48:53

标签: css charts kendo-ui kendo-dataviz kendo-chart

我试图水平生成漏斗图。我启动并运行了演示,但它是垂直的。还有其他选择吗?

可以选择其他库:http://www.zingchart.com/gallery/chart/#!horizontal-funnel-styled-guides

但是我的客户只想使用Kendo,仅为漏斗图包含其他库会有点过分

1 个答案:

答案 0 :(得分:0)

无论如何,只要对此进行拍摄,就可以水平和垂直生成剑道条形图。你只需要弄乱JS中的type var。

条形类型是水平生成的

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

我的猜测是你设置了列类型 var,如下所示:

垂直生成列类型

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

无法水平配置Kendo漏斗图表。

然而,您可以做的是将图表放在div中并告诉div侧翻。然后对标签等做同样的事情。并重新定位一切。这有点像黑客,但这是我认为这种可能性的唯一方式。

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