Question

我正在使用Flot的类别插件。我有xaxis滴答声。（xaxis列出了不同的产品。）我想让每个xaxis点击可点击，这样当你点击它时，会触发一个警告，其中包含有关该xaxis的一些信息。

然而，当我添加tickFormatter函数时，它被完全忽略。（我有一个yaxis tickformatter函数可以正常工作。）我认为这是因为类别插件。

任何人都可以在xaxis上演示类别插件和tickFormatter函数。

Answer 1

尝试这样的事情：

var ticks = $('.flot-x-axis > .flot-tick-label');
ticks.css({'z-index': 100, 'cursor': 'pointer'});
ticks.click(function(){
    alert($(this).text());
});

检查此样本here，生成的轴为：

<div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;">
    <div class="flot-tick-label tickLabel" style="position: absolute; max-width: 136px; top: 395px; left: 49px; text-align: center;">January</div>
    ...

我在该页面上尝试了上述代码并且可以正常工作。

<强> EDITS

使用flot-tickrotor plugin时，标签不是div，而是＆＃34;写的＆＃34;在画布上。试试这个：

$("#chart").bind("plotclick", function (event, pos, item) {
  var x = chart.getXAxes()[0];
  var y = chart.getYAxes()[0];
  if (pos.y < y.min) { // make sure user is clicking in XAxis
    alert(x.rotatedTicks[Math.round(pos.x)].label);
  }
});

示例here。

可点击的xaxis在Flot with Categories中打勾

1 个答案: