当前位置：文江博客话题详情

JQplot barRenderer“y 轴”值从负值开始

发布于 2024-11-11 16:44:26 字数 78 浏览 4 评论 0原文

有谁知道如何在 Jqplot 中使“y 轴”值从 0 开始...默认情况下它以负值开始，例如：-500、0、500、1000 等等...请帮助

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

执妄 2024-11-18 16:44:26

在axes: object内将min: object（最小值）设置为0

$(document).ready(function(){
 // your code here... //
 axes:{
  yaxis: {min:0}
 }
})

正如rsapru建议的那样，建议使用max: object（最大值）值将图形限制在您的首选范围内。例如，如果您希望最小值为 0，最大值为 7500

 axes:{
  yaxis: {min:0, max: 7500}
 }

如果您想指定刻度的刻度，您可以通过使用 ticks: object 指定刻度来手动执行此操作，或者让 jqPlot 自动计算刻度间距（除了在这种情况下，将需要 min 和 max 对象）或按您的特定刻度数（使用 numberTicks: object）

示例：对于间隔 100 个单位的刻度，从 0 到 1000，使用 11刻度 (0,100,200,300,400,500,600,700,800,900,1000) jqPlot 自动计算：

 axes:{
  yaxis: {min:0, max: 1000, numberTicks: 11}
 }

示例：对于间隔 100 个单位的刻度，从 0 到 1000，使用 11 个刻度（0,100,200,300,400,500,600,700,800,900,1000）手动规格：

 axes:{
  yaxis: {min:0, max: 1000, Ticks: [[0],[100],[200],[300],[400],[500],[600],[700],[800],[900],[1000]]}
 }

Set min: object (minimum) to 0 within axes: object

$(document).ready(function(){
 // your code here... //
 axes:{
  yaxis: {min:0}
 }
})

As rsapru suggested, a max: object (maximum) value is recommended to bound the graph to your preferred range. For example, if you wanted the minimum to be 0 and maximum to be 7500

 axes:{
  yaxis: {min:0, max: 7500}
 }

If you want to specify the graduations of the ticks you can do so manually by specifying ticks with the ticks: object or have jqPlot calculate tick spacing automatically (nothing other than min and max objects would be needed in that case) or by your specific number of ticks (using numberTicks: object)

Example: For tick 100 units apart, from 0 to 1000, using 11 ticks (0,100,200,300,400,500,600,700,800,900,1000) jqPlot automatic calculation:

 axes:{
  yaxis: {min:0, max: 1000, numberTicks: 11}
 }

Example: For tick 100 units apart, from 0 to 1000, using 11 ticks (0,100,200,300,400,500,600,700,800,900,1000) manual specification:

 axes:{
  yaxis: {min:0, max: 1000, Ticks: [[0],[100],[200],[300],[400],[500],[600],[700],[800],[900],[1000]]}
 }

回复收藏 0 原文

心舞飞扬 2024-11-18 16:44:26

                var plot2 = $.jqplot ('chartdiv', getRequestStats(), {
                // Give the plot a title.
                title: 'Daily Request Status',
                // You can specify options for all axes on the plot at once with
                // the axesDefaults object.  Here, we're using a canvas renderer
                // to draw the axis label which allows rotated text.
                axesDefaults: {
                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                },
                // An axes object holds options for all axes.
                // Allowable axes are xaxis, x2axis, yaxis, y2axis, y3axis, ...
                // Up to 9 y axes are supported.
                axes: {
                    // options for each axis are specified in seperate option objects.
                    xaxis: {
                        label: "Hour",
                        // Turn off "padding".  This will allow data point to lie on the
                        // edges of the grid.  Default padding is 1.2 and will keep all
                        // points inside the bounds of the grid.
                        pad: 0
                    },
                    yaxis: {
                        label: "Count",
                        pad: 0
                    }
                }
            });

pad: 0 将从 0 开始为 Y 轴加星。

                var plot2 = $.jqplot ('chartdiv', getRequestStats(), {
                // Give the plot a title.
                title: 'Daily Request Status',
                // You can specify options for all axes on the plot at once with
                // the axesDefaults object.  Here, we're using a canvas renderer
                // to draw the axis label which allows rotated text.
                axesDefaults: {
                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                },
                // An axes object holds options for all axes.
                // Allowable axes are xaxis, x2axis, yaxis, y2axis, y3axis, ...
                // Up to 9 y axes are supported.
                axes: {
                    // options for each axis are specified in seperate option objects.
                    xaxis: {
                        label: "Hour",
                        // Turn off "padding".  This will allow data point to lie on the
                        // edges of the grid.  Default padding is 1.2 and will keep all
                        // points inside the bounds of the grid.
                        pad: 0
                    },
                    yaxis: {
                        label: "Count",
                        pad: 0
                    }
                }
            });

pad: 0 will star the Y axis to start from 0.

回复收藏 0 原文