將y軸標籤放置在條形圖上，JQuery

爲什麼我的y軸放錯了位置，我該如何修復它？我不明白爲什麼'y'軸位於圖表的頂部。任何想法讚賞。將y軸標籤放置在條形圖上，JQuery

enter image description here

這些是我使用的選項。我嘗試過抓住生成的y軸類，並手動使用css將其向左移動幾個像素，但整個圖形只是轉移過來。據我所見，API中沒有任何東西將y軸ticker標籤相對於圖形進行移動。

var options = { 
    colors: ["#99CCFF", "#000099", "#FF6C47"], 
    series: { 
    lines: {show: true, highlightColor:'#000099'}, 
    points: {show: true} 
    }, 
    xaxis: { 
    mode: "time", 
    timeformat: "%d/%m", 
    markings: [{color: "#000"}], 
    }, 
    yaxis: { 
    markings: [{color: "#000"}] 
    }, 
    grid: { 
    markings: [{color: "#fff"}], 
    labelMargin: 10, 
    axisMargin: 10, 
    backgroundColor: { 
     colors: [ "#000099", "#29A3CC" ] 
    }, 
    borderWidth: { 
     top: 1, 
     right: 1, 
     bottom: 2, 
     left: 2 
    } 
    }, 
    legend: { 
    show: true, 
    backgroundOpacity:.5, 
    labelBoxBorderColor: 1, 
    position: "nw", 
    margin: 5 
    } 
}; 
$.plot("#bpTable", [ 
    {label: "systolic", data: c1}, 
    {label: "diastolic", data: c2} 
], 
options);

來源

2013-08-02 Joe Austin

圖片讓我們的人瞭解你的問題，但爲了幫助你解決問題，你必須提供（部分）你的源代碼並解釋你試過的東西。 – DanFromGermany

我想你是在隱藏的div內繪製圖表（'

'）你是在手風琴或製表符中繪製圖表或者當你調用'plot'時沒有附加到'DOM'的東西？ –

查看http://stackoverflow.com/questions/5427725/flot-graph-does-not-render-when-parent-container-is-hidden，尤其是我最近對https://github.com/flot/flot發表的評論/ issues/1014 – DNS

由於@captain建議，如果你在一個隱藏的佔位符（bpTable）調用$.plot，那麼這就是結果。直到您的佔位符可見爲止，請不要致電$.plot，或者使用一些技巧使其脫離屏幕（例如this example）。

來源

2013-08-02 15:29:31 Ryley

如果我們在兩個內部使用製表符和手風琴和繪圖圖表，我們是否有某種黑客或詭計？罰款如果使用標籤，但手風琴呢？我想這不是一個乾淨的解決方案，以延遲陰謀 –

我通常會延遲'plot'調用，直到問題標籤實際顯示（使用標籤的'activate'事件） – Ryley

由於@Ryley已經回答，您必須在顯示選項卡後調用$ .plot。

當使用引導程序選項卡，你可以附加一個處理程序，並在它調用$ .plot：

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    if ($(e.target).attr('href') == "#umsatz-tab") 
    { 
     $.plot("#chart", data, options); 
    } 
});

上引導標籤的更多信息：http://getbootstrap.com/javascript/#tabs-usage（向下滾動到「活動」

來源

2013-09-18 15:19:59 Thomas

將y軸標籤放置在條形圖上，JQuery

回答

相關問題