如何在Flot js上修复xaxis标签

Question

我正在使用'类别'模式来显示标签。它可以在图表上使用少量数据，但是当我有超过100个数据时，无法看到标签。 flot js有什么解决方案吗？

包含更多数据的图表如下：

以下是我用来显示图表的选项：

var stackOptionSeries = { stack: true, bars:  { show: true,  barWidth: 0.4, align: 'center',lineWidth: 1.5, fillColor: { colors: [ { opacity: 0.9 }, { opacity: 0.8 } ] }  } };

    var options = {
    grid:{ hoverable: true,
           clickable: true,
           autoHighlight:true,
           backgroundColor: 'white',
           borderWidth:1,
           borderColor:"rgba(0,0,0,0.1)",
           tickColor:'#FAFAFA'},
    series: stackOptionSeries,
    legend: {
      show: true,
      position: "ne",
      noColumns: 1
    },
    xaxis: {
      mode: "categories",
      tickLength: 0,
      panRange: [-0.2, maxXaxisRange+0.2]
    },
    yaxes:  [{ min: 0,ticks:7, panRange: [0,null], zoomRange: false }, {
      position: "right",
      autoscaleMargin: 1,
      ticks:4,
      min: 0,
      max: 100,
      panRange: [0,null],
      zoomRange: false
    }],
    pan: {
        interactive: true,
        frameRate: 80
    },
    tooltip: true,
    tooltipOpts: {
      content: "%y %s, %x", // show percentages, rounding to 2 decimal places
      shifts: {
        x: 10,
        y: 10
      },
      defaultTheme: false
    } 
  };

Answer 1

平 如何使用有角度的标签？然后标签不应该显示在彼此之上。

 xaxis: {
            labelAngle: 45}

http://jsfiddle.net/manishsp2008/vNSD8/

希望有所帮助