jqPlot - 如何垂直滾動條添加到圖例框包含

上週許多傳說物品我提出以下問題，而我得到的回答：jqPlot - 如何垂直滾動條添加到圖例框包含

jqPlot - Pie legend too tall when there are many legend items

我現在正在尋找一種方式來補充一個垂直滾動條到我的圖例框，在某些情況下可以包含超過20個圖例項目。

我能達到我想要在Firefox和Chrome的結果，如果我添加下列設置到我的CSS文件：

table.jqplot-table-legend { 
    display: block; 
    height: 350px; 
    overflow-y: scroll; 
}

不過，我需要實現IE9同樣的效果。

有誰知道我需要什麼CSS設置嗎？

來源

2012-05-08 jpen

嗨，夥計。那麼IE中究竟發生了什麼？我很驚訝，這是行不通的。你也可以分享你的代碼，最好不僅僅是爲了測試，而且我希望親自看到這個代碼，因爲它可能對我目前正在做的事情有好處（前一段時間+1）。 – Boro

嗨Boro。請在IE9中看到這個演示（http://jsfiddle.net/UNrr3/）。我修改了一個jsfiddles並在餅圖中添加了更多的片段（Tab 3）。當您在FireFox或Chrome中看到演示時，您會看到垂直滾動條（儘管由於某些原因無法將其向上/向下移動，但如果我使用這些瀏覽器，則可以在我的項目中運行）。使用IE9時，圖例框會溢出畫布，而這正是我在我的項目中看到的。讓我知道你是否看不到演示。這是我第一次使用jsfiddle創建一個演示。 – jpen

我知道，當圖表區域內沒有事件被觸發時，我想，因爲事件畫布覆蓋了它。我在IE中看到這個問題，它不在那裏。我會仔細研究一下，當我找到一些東西的時候回覆你。這表明，當傳說被放置在外面時，一切都很好（IE除外）http://jsfiddle.net/UNrr3/2/ – Boro

我發現網上的一些人提到了在IE中的表溢出的一些問題，但我無法得到所需的答案。

因此，我的方法是將表格換成另一個元素。我把它包在一個div並在其上設置適當的值，它工作的跨瀏覽器:)

要查看包裹在一個div的傳說，你必須點擊Tab 3然後單擊Where is my plot?按鈕，包裹發生在按鈕的點擊。

如果有人有更好的解決方案，請讓我們知道。

One of the sites我指的是。在這裏你有一個不錯的表格，它在IE8中也能正常工作，但是在IE7和IE9中卻不行？

人們應該切換到其他瀏覽器的另一個原因。

The code is here.

來源

2012-05-09 09:13:13 Boro

我找不到更好的解決方案。我添加了一個鏈接到一個頁面，顯示問題不是與'jqPlot'相關的，至少我所有的實驗都表明了這一點。因此，我認爲你應該問一個問題：如何在IE9（和IE7）的桌面上滾動，但首先看看我可能錯過了一個已經說過的問題。如果你發現了什麼，請讓我知道。 – Boro

我同意這不是一個jqPlot相關的問題。 Grrr IE！還是要謝謝你的幫助。 – jpen

jqPlot - 如何垂直滾動條添加到圖例框包含

回答

相關問題