Question

JSFiddle代表问题。

我在这里和Google上看过很多解决方案，但它们似乎没有用。我已经尝试将 tickSize 设置为1，将刻度设置为数组或数字（在这种情况下为15）并且仍然将flot lib设置为它很高兴。

我已多次阅读API文档，我认为我没有遗漏任何内容。

如果要完全覆盖tick算法，可以为“ticks”指定数组，...

相关的代码片段：

xaxis: {
    show: true,
    ticks: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]
}

有没有人有解决方案？随意编辑JSFiddle或只是评论。

提前致谢！

Answer 1

我最好在xaxis之外定义series。

documentation中的结构并不完全清楚。

var options = {
    series: {
        bars: {
            show: true,
            fill: true,
            align: 'center'
        },
        shadowSize: 0

    },
    xaxis: {
        show: true,
        ticks: [[1,'test label'],2,3,4,5,6,7,8,9,10,11,12,13,14,15]
    }
};

$(function() {

  var options = {
    series: {
      bars: {
        show: true,
        fill: true,
        align: 'center'
      },
      shadowSize: 0

    },
    xaxis: {
      show: true,
      ticks: [[1,'test label'], 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
    }
  };

  var d2 = [
    [1, 25],
    [2, 35],
    [3, 15],
    [4, 13],
    [5, 3],
    [6, 8],
    [7, 5],
    [8, 13],
    [9, 3],
    [10, 8],
    [11, 12],
    [12, 15],
    [13, 7],
    [14, 4],
    [15, 1]
  ];

  $.plot($("#placeholder"), [d2], options);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<h1>Flot Examples</h1> 
<div id="placeholder" style="width:600px;height:300px;"></div>

不能强迫flot数量的蜱虫

1 个答案: