JQPlot - 堆疊水平條形圖 - 堆疊時無條形

存在jqplot的奇怪問題。我創建了一個包含2個系列和5個標籤的水平條形圖;所有的變量都來自表格。JQPlot - 堆疊水平條形圖 - 堆疊時無條形

var plot1 = $.jqplot('chart1', [ 
    [[SERIESA[0],TITLE[0]], [SERIESA[1],TITLE[1]], [SERIESA[2],TITLE[2]], [SERIESA[3],TITLE[3]], [SERIESA[4],TITLE[4]]], 
    [[SERIESB[0],TITLE[0]], [SERIESB[1],TITLE[1]], [SERIESB[2],TITLE[2]], [SERIESB[3],TITLE[3]], [SERIESB[4],TITLE[4]]]], { 
    seriesDefaults: { 
     renderer:$.jqplot.BarRenderer, 
     // Show point labels to the right ('e'ast) of each bar. 
     // edgeTolerance of -15 allows labels flow outside the grid 
     // up to 15 pixels. If they flow out more than that, they 
     // will be hidden. 
     pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, 
     // Rotate the bar shadow as if bar is lit from top right. 
     shadow: false, 
     // Here's where we tell the chart it is oriented horizontally. 
     rendererOptions: { 
      barDirection: 'horizontal' 
     } 
    }, 
    axes: { 
     yaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer 
     } 
    } 
});

這呈現一個可愛的水平條形圖。我想爲2系列的每個標籤下疊，但是當我添加行

stackSeries: true,

我上面的seriesDefaults我的酒吧全部消失。其他一切（標籤，刻度等）保持不變。除了我需要添加的stackSeries選項之外還有什麼嗎？

在此先感謝！ Karl

來源

2012-05-02 Karl Major

我找到了一種方法來解決我的問題（不完全，但足夠我的需要）。這個問題只發生在我使用從其他地方拉出的自定義標籤時;如果我使用通用的「1,2,3,4等」。圖形正確堆疊並顯示數據。理想情況下，我會自定義標籤，但我可以在圖表旁放一張簡單的表格作爲軸標籤。

來源

2012-05-08 08:13:11

我不確定可能是什麼原因與您的代碼，你顯示什麼似乎是好的。可能是你設置數據的方式有問題，但是再一次它根本不起作用。

Check out my example it might help you out.

來源

2012-05-02 13:14:44 Boro

是我的數據是建立在一個非常奇怪的方式（我使用CAML的混合物在MS的SharePoint這樣做，jQuery的和JavaScript），但正如你所說，因爲它正確呈現沒有堆疊，我不明白數據設置會突然成爲堆疊時的問題！然後再次SharePoint可以拋出一些奇怪的錯誤，沒有明顯的原因......感謝您看看！ –

卡爾你可以在這種情況下，如果你仍然有這個問題發表一個代碼示例，在這裏展示你的問題http://jsfiddle.net/，所以我們可以看看還有什麼其他的東西？ – Boro

其實你可以擁有自定義標籤，加入tickt，例如：

xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       tickOptions: { 
        angle: -90 
       }, 
       labelOptions: { 
        fontSize: '11pt', 
       }, 
       ticks: ['tick 1', 'tick 2'], 
      }

來源

2013-10-11 11:43:36

JQPlot - 堆疊水平條形圖 - 堆疊時無條形

回答

相關問題