javascript - Flot 刻度转子显示刻度两次

Question

所以我用了 flot-tickrotor用于旋转图表 x 轴上的刻度的插件，现在的问题是，它显示了两次；

你们知道为什么会发生这种情况吗？

这是我为此使用的代码，您会注意到我没有专门添加刻度线；

        //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);

Answer 1

好的，所以根据the issue log for flot charts这是自 0.8.1 以来 flot 的一个已知问题，解决方法是将其添加到您的样式中，直到问题得到解决；

div.xAxis div.tickLabel { display:none }

注意:请确保将其放入 HEAD 标签内的样式标签中或在添加流程图插件之前，以便可以覆盖默认样式