flot 如何在悬停时显示 x 轴值而不是 y 轴

Question

我正在处理 flot，当我将鼠标悬停在一个点上时，我得到一个包含 y 轴值的标签。是否可以使用 x 轴值而不是 y 轴值？

这是我的选择：

           chartOptions = {
               xaxis: {
                   min:0
               },
               yaxis: {
                   ticks : 0
               },
               series: {
                   lines: {
                       show: false,
                       fill: false,
                       lineWidth: 3
                   },
                   points: {
                       show: true,
                       radius: 4,
                       fill: true,
                       lineWidth: 3
                   }
               },
               grid: {
                   hoverable: true,
                   clickable: false,
                   borderWidth: 0
               },
               legend: {
                   show: true, 
               },
               tooltip: true,
               tooltipOpts: {
                   content: '%s: %y'
               },

               colors: App.chartColors
           };

Answer 1

假设您使用的是 jquery.flot.tooltip 插件，这是一个简单的选项：

tooltip: {
    // ...
    content: "%x"
}

如果你想花哨一点，你可以提供一个回调函数，然后创建任何你想要的提示内容。