Flot tick rotor顯示ticks兩次

所以我用flot-tickrotor插件在我的flot圖表的xaxis上旋轉刻度，問題現在雖然是，它顯示了兩次;Flot tick rotor顯示ticks兩次

enter image description here

做任何你知道這是爲什麼happenning？

這裏是我使用的代碼，你會注意到我沒有特別添加刻度;

 //sample data 
    var mainDataSet = {name:'1 - WOMENS OUTERWEAR',  Actual: 181.8, Budget:15.7, BudgetVar: 8.4 } , 
         {name:'2 - WOMENS LINGERIE',  Actual: 12.5, Budget:6.0, BudgetVar: -1.3 } , 
         {name:'3 - KIDSWEAR',    Actual: 8.7, Budget:13.2, BudgetVar:0.8 } , 
         {name:'5 - MENSWEAR',    Actual: 4.9, Budget:4.4, BudgetVar: 0.5 } , 
         {name:'6 - WOMEN FOOTWEAR+ACCES', Actual: 354.0, Budget:16.5, BudgetVar: 14.7 } 
         ]; 

    var graph_options = { 
     series: { 
      lines: { show:false , fillColor:'#CDD0D1', fill:true}, 
      points: { show: false }, 
      color: '#3B80F7', 
     }, 

     grid: { 
      hoverable: true, 
      clickable: true, 
      show:true, 
      borderWidth: 0.5, 
      backgroundColor: { colors: ["#FFF", "#CDD0D1"] } 
     }, 
     xaxis: { 
      mode: "categories", 
      //tickLength: 1, 
      rotateTicks: 45 
     } 
    }; 

    var barGraphData = []; //graph_settings 
    var graph_settings = {label: dataSets[c].label, 
     data: mainDataSet, 
     bars: { show: true , align: "center", barWidth: 0.5}, 
     color: '#3B80F7' 
    }; 

    barGraphData.push(graph_settings); 

    var barGraph = $.plot($("#bar_graph_canvas"), barGraphData, graph_options);

來源

2013-11-22 pythonian29033

好了，根據the issue log for flot charts這是因爲對於海軍報0.8.1一個已知的問題，解決辦法是，直到問題得到解決您的造型增添這一點;

div.xAxis div.tickLabel { display:none }

注意：確保你把這個風格標籤內，您的頭標記或之前您包括您的海軍報圖的插件，這樣的默認樣式可以覆蓋

來源

2013-11-22 10:15:12 pythonian29033

Flot tick rotor顯示ticks兩次

回答

相關問題