Flot 中轴的逗号分隔数字

Question

有没有办法让 Flot 使轴编号以逗号分隔？

例如，用 1,000,000 代替 1000000

Answer 1

您可以通过使用轴的tickFormatter 属性来做到这一点。

xaxis: {
  tickFormatter: function(val, axis) {
    // insert comma logic here and return the string
  }
}

资料来源：http://people.iola.dk/olau/flot/API.txt（在“自定义轴”下）

此页面具有用逗号格式化数字的功能：http://www.mredkj.com/javascript/nfbasic.html

例如在 y 轴上：

    $(function () {  
            var plotarea = $("#plotarea");
            $.plot( plotarea , [data], {
                            xaxis: {mode: "time", timeformat: "%m/%d %H:%M:%S"},
                            yaxis: {tickFormatter: function numberWithCommas(x) {
                                      return x.toString().replace(/\B(?=(?:\d{3})+(?!\d))/g, ",");
                                }
                            },
                            points: { show: true },
                            lines: { show: true, fill: true }

                    } );
    });