2012-05-23 107 views
8

是否有可能w/jqplot顯示一個折線圖覆蓋條形圖?組合線和酒吧w/jqplot

我已經添加了一系列的堆疊條形圖,並將渲染器更改爲$ .jqplot.LineRender。這顯示爲一條線,但它被添加到堆積量。

回答

17

是的,可以用jqPlot完成。

一個示例,顯示如何在單個圖表上顯示條形圖以及折線圖is presented here, see the 3rd plot from the top

Here I made a sample to show line and stacked bar charts on a single plot.

+0

的jqplot網站例子看起來像我想做。謝謝!我可能是錯的,但你的例子似乎有'問題'我在談論線圖的添加 – jjdebarros

+0

是的,你是對的,它似乎被添加到以前的系列,因此你可能會成功地將它與在這個例子中,'jqPlot'方法給出了第三個情節。我想,如果這是一個非常煩人的問題,你可以試着將該行的值相應設置爲負值,以將其移動到想要的位置。我明天會試驗它。還有(+1)有趣的問題。 – Boro

+1

我發現了一個更好的解決方案。您可以通過爲其設置'disableStack:true'來禁用堆疊。現在它也被添加到代碼示例中。 – Boro

0
series:[ 
       { 
        color:'#0070c0', 
        label : 'Barchart', 
        renderer:$.jqplot.BarRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        }, 
        pointLabels: { show: true } 
       }, 
     { 
        yaxis: 'y2axis', 
        color: '#ff0000', 
        label : 'Line chart ', 
        renderer:$.jqplot.LineRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        } 
       } 
     ] 

它將汲取線路和條形圖