Flot.js设置y轴标签格式以显示两位小数

时间:2014-03-27 11:24:56

标签: javascript jquery flot

如何格式化我的y轴标签以显示两位小数,我检查了我的代码,结果是,而不是显示14.59它显示15.00,这是我的代码如下:

$.plot("#placeholder", data, {
                xaxis: {
                    min: minDate,
                    max: maxDate,
                    mode: "time",
                    tickSize: setTickSize,
                    monthNames: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]
                },
                yaxis: {
                    min: yMin,
                    max: yMax,
                    ticks: 1,
                    tickSize: 1,
                    tickDecimals:2
                },
                series: {
                    lines: {
                        show: true,
                        fill: true
                    },
                    points: {
                        show: false
                    }
                },
                grid: {
                    borderWidth: 1,
                    hoverable: true
                }
            });

我读过我可以使用tickFormatter函数,但我不知道究竟要把它放在哪里。

1 个答案:

答案 0 :(得分:4)

您可以使用y轴数据点构建一个ticks数组,因为它是动态的并将其传递给yaxis刻度。

yaxis: {
         ticks: [25.49, 28.49, 31.49, 34.49, 37.49, 40.49],

         tickDecimals:2
       }

Fiddle Here