jqPlot帶有刻度標籤的水平條形圖在酒吧頂部

我有一個jqPlot hor。像這樣的條形圖。 jq plot - getting linear x axis ticks jqPlot帶有刻度標籤的水平條形圖在酒吧頂部

我希望能夠使用一些參數或渲染器而不是用css來擺弄y軸刻度標籤（如軟件和服務，以色列在圖中）。

有沒有簡單的方法來做到這一點？提前致謝。

到目前爲止，我的代碼如下所示。

` 功能drawChart（）{

var data = new Array(3); 
    for (var i = 0; i < data.length; i++) { 
     data[i] = new Array(2); 
     data[i][0] = Math.random() * 100; 
     data[i][1] = 'text-' + (i + 1); 
    } 

    var plot2 = $.jqplot('votingresult', [ 
      data, 
      ], { 
       seriesDefaults: { 
        renderer: $.jqplot.BarRenderer, 
        pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, 
        shadow: false, 
        rendererOptions: { 
         barDirection: 'horizontal', 
         barPadding: 20, 
         barMargin: 0, 
         barWidth: 20, 
         varyBarColor: true,        
        } 
       }, 
       gridPadding: { top: 0, right: 0, bottom: 0 }, 
       grid: { 
        drawGridLines: false, 
        drawBorder: false, 
        shadow: false 
       }, 
       axesDefaults: {       
        showTicks: false, 
        shadow: false       
       }, 
       axes: { 
        yaxis: { 
          renderer: $.jqplot.CategoryAxisRenderer, 
          tickRenderer: $.jqplot.CanvasAxisTickRenderer,         
          tickOptions: {          
           fontSize: '10pt',          
           mark: 'inside', 
           showLabel: false 
          }         
        } 
       } 
      }); 
}`

欲jqplot像在該Flickr的圖片中的右側示出一個。

http://www.flickr.com/photos/surajshrestha/7455033636/sizes/l/in/photostream/

吉榮：我看着點標籤。但是，在這裏，我正在談論軸標籤在圖中。

來源

2012-06-26 Suraj Shrestha

你試過了什麼？你的代碼現在看起來如何？你看過http://www.jqplot.com/tests/point-labels.php或http://www.jqplot.com/docs/files/plugins/jqplot-pointLabels-js.html#$.jqplot。 PointLabels – Jeroen

我有相同的挑戰，最後只是寫了一個函數將內容追加到圖DIV，而不是嘗試和JQPlot小提琴。您只需調整barMargin選項即可考慮間距。

 function makeSectionLabels(jsonObject, domObject, topPadding, spacing) { 
      var html = "<div class='bar-chart-sections' style='padding-top:"+topPadding+"'>"; 
      $.each(jsonObject, function(index, value){ 
       html += "<h5 style='margin-bottom:"+spacing+"'>"+value+"</h5>" 
      }); 
       html += "</div>" 
      $(domObject).append(html); 
     };

來源

2013-05-15 00:36:50

jqPlot帶有刻度標籤的水平條形圖在酒吧頂部

回答

相關問題