2015-10-22 51 views
0

我試圖水平生成漏斗圖。我演示了並且正在運行,但它是垂直的。還有其他選擇嗎?我可以水平生成Kendo Funnel Chart嗎?

得到了與其他圖書館的選項:http://www.zingchart.com/gallery/chart/#!horizontal-funnel-styled-guides

但我的客戶希望只用劍道,這將是矯枉過正,包括其他圖書館只是漏斗圖

+0

你有什麼試過的?我們可以看到演示嗎? IIRC可以水平生成它。 –

+0

http://demos.telerik.com/kendo-ui/funnel-charts/index – Tejas

+0

我瀏覽了他們的文檔,無法找到任何有關水平漏斗圖的參考或關於方向的任何配置選項。 – Tejas

回答

0

而就在此拍攝鏡頭反正,劍道條形圖可以在水平和垂直方向上生成。你只需要在你的JS中弄糟type var。

酒吧類型水平產生

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

我的猜測是,你有它設置與的塔型 VAR是這樣的:

列類型垂直產生

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

Ken漏斗圖不能水平配置。

然而,你可以做的是把圖表放在div,並告訴div橫向翻轉。然後對標籤等做同樣的事情,並重新定位一切。這有點破解,但我認爲這是唯一可行的方式。

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

Barcharts,瀑布等都可以在horizo​​ntal..I'm特別尋找水平的漏斗圖..就像這裏一樣..http://www.zingchart.com/gallery/chart/#!horizo​​ntal-funnel-styled-guides – Tejas

+0

@Napster不,你不能配置它們是水平的。這是一個** [網站](http://demos.telerik.com/kendo-ui/funnel-charts/funnel-labels)**,可讓您測試渠道圖表的所有可能佈局。 –